# Berraco Studio

> Agencia de producto digital en Almería, Madrid y Miami. De la idea al crecimiento: estrategia, marca, diseño, webs, apps e IA.

Berraco Studio es una agencia de producto digital fundada por Ignacio García-Fontecha; Jose Bao y Carlos Sáez son sus socios a partes iguales casi desde el principio. Trabaja desde Almería, Madrid y Miami, en castellano y en inglés.
Su objetivo con cada cliente es entender su producto y su sector como auténticos expertos, y entra en cualquier fase: idea, diseño, construcción o crecimiento.
Respondemos del resultado y no solo del entregable: si hacemos una web, respondemos de que convierta; si diseñamos un producto, de que funcione cuando se programe.
Lema: “Tu idea, a lo berraco.”

## Equipo
Berraco lo fundó Nacho. Jose y Carlos se subieron casi desde el principio y hoy es de los tres a partes iguales.
- Nacho (Ignacio García-Fontecha): Fundador y socio · Producto, UX/UI, web y SEO/GEO.
- Jose (Jose Bao): Socio · Producto y UX/UI.
- Carlos (Carlos Sáez): Socio · Gestión de proyectos.
- Curra, la perra salchicha del estudio: jefa de bienestar.

## Servicios
- **Berraco Studio** (fase: Idea y forma): Estrategia de producto, posicionamiento, marca, tono y voz, y diseño de apps, SaaS y plataformas, de la investigación al design system listo para programar. Incluye: Research y estrategia de producto, Posicionamiento, tono y voz, Arquitectura y flujos, UX/UI en Figma, Design systems con tokens, Prototipos y motion, Identidad de marca.
- **Berraco Build** (fase: Construcción): Diseño y desarrollo de webs, apps y webapps, con SEO/GEO y CRO desde el primer día: Astro, Webflow, Framer o WordPress para webs; Next.js, Supabase y React Native para apps. Incluye: Apps y webapps con Next.js, Supabase y React Native, Diseño web y dirección de arte, Desarrollo con Astro, Webflow o Framer, SEO técnico, GEO y datos estructurados, Core Web Vitals: Lighthouse 90+, Multidioma y migraciones con redirecciones, Animación con GSAP y three.js.
- **Berraco Grow** (fase: Lanzamiento y crecimiento): Cuota mensual de crecimiento: anuncios en Meta y Google, creatividades, landings de campaña, CRO iterativo e informes mensuales. Incluye: Meta Ads y Google Ads, Creatividades de campaña, Landings de campaña, CRO iterativo, Informes mensuales.
- **IA** (fase: En todas las fases): IA en todo el proceso y dentro del producto cuando tiene sentido: agentes y automatizaciones, funciones de IA en apps, imagen y vídeo generativo. La IA propone y una persona decide. Incluye: Agentes y automatizaciones con n8n, Funciones de IA dentro de apps, Imagen y vídeo generativo, Contenido con avatares de IA.

## Productos (apps, webapps y sistemas, con caso completo)
- [HULA](https://www.berraco.studio/proyectos/hula/) (2018–2026, App de trueque · Proyecto propio): HULA es una app para intercambiar objetos entre vecinos sin usar dinero, y un proyecto propio de los socios de Berraco. Su primera versión ganó en 2020 el reconocimiento de Naciones Unidas a la solución técnicamente más desarrollada del Circular Economy Challenge. En 2026 la relanzamos: app en pruebas, web en tres idiomas, páginas por ciudad y legales listas para la App Store, de cara al lanzamiento en Zúrich.
- [Ikorya](https://www.berraco.studio/proyectos/ikorya/) (2026, Webapp SaaS con IA): Ikorya es una webapp que guía a cualquier persona para convertir recuerdos dispersos en un libro de mesa de unas treinta páginas, por ejemplo sobre la vida de un ser querido. Diseñamos y desarrollamos el producto completo: entrevista guiada con voz, línea de tiempo editable, redacción e imágenes con IA, maquetación automática, visor 3D y PDF. Son historias familiares, así que la privacidad se diseñó y se probó antes de abrir el piloto.
- [Páez Aduanas](https://www.berraco.studio/proyectos/paez-aduanas/) (2026, Sistema de agentes de IA + avatar): Páez Aduanas, agencia de representación aduanera de Almería fundada en 1928, quería hablar en LinkedIn de lo que de verdad mueve su sector sin arriesgar su reputación con un dato normativo mal dado. Construimos seis agentes de IA que leen la normativa oficial, deciden de qué merece la pena hablar y dejan tres borradores puntuados y verificados en un panel. El sistema nunca publica. Para su evento EXPORT ASIA creamos además a Celia, una presentadora generada con IA.
- [InfoAdex](https://www.berraco.studio/proyectos/infoadex/) (2025–2026, Producto interno + IA): InfoAdex es la fuente de referencia sobre la actividad publicitaria en España: recaba y analiza toda la publicidad en medios del país. Su trabajo diario depende de herramientas internas que tardaban al menos un año en dominarse. Llevamos el diseño UX/UI y la gestión de producto del proyecto que las rehace, con IA dentro.
- [Carnival](https://www.berraco.studio/proyectos/carnival/) (2018–2019, E-commerce + herramienta 3D): Carnival Cruise Line solo vendía su merchandising en las tiendas de a bordo. Quería llegar al cliente antes y después del crucero, y competir con la ropa personalizada que triunfaba en Etsy. Diseñamos una tienda móvil en Shopify unida a un laboratorio 3D donde cada cliente crea su propia camiseta.
- [FIU Thrive](https://www.berraco.studio/proyectos/fiu-thrive/) (2023, App de salud · Sistema de diseño): FIU Thrive es una plataforma con IA para el cribado, la coordinación y la gestión de la salud y la atención social de la Universidad Internacional de Florida. Cuando llegamos, el proyecto ya estaba en marcha, pero le faltaban claridad y forma: cogimos su sistema de diseño y lo convertimos en uno de cinco niveles, de los tokens a las pantallas.
- [Las Fantásticas Aventuras](https://www.berraco.studio/proyectos/ford/) (2015, Campaña interactiva): Para lanzar el Ford Focus en Latinoamérica, una campaña inspirada en los libros de «Elige tu propia aventura»: en un Tumblr a medida, el público proponía cómo seguía la historia y sus propuestas se rodaban, una a una, hasta componer una aventura épica y surrealista.
- [Tahulla](https://www.berraco.studio/proyectos/tahulla/) (2026, Producto propio · Agro): Tahulla es un producto propio de Berraco: un asistente que apunta el papeleo del campo. El agricultor manda por WhatsApp una foto de un papel, un audio o un mensaje, y queda escrito en el Excel, el Drive o el programa que la empresa ya usa. Antes de diseñar investigamos a fondo a quién se lo vendemos, y descubrimos que no es un rezagado digital: ya registra, pero lo hace dos veces.

## Webs publicadas
- [NÜWA](https://nuwa.life) (2026, Centro de terapias): Web de un centro de terapias y movimiento en Almería, con design system propio.
- [El Capricho](https://www.inmobiliariaelcapricho.es) (2026, Inmobiliaria en Madrid): Tarifa fija, propiedades gestionadas desde Notion y citas que crean el contacto solas.
- [TeamSystem | Quipu](https://getquipu.com) (2025–2026, SaaS de facturación): Web de facturación y tesorería: CRO, rebrand y versión en inglés, francés y catalán.
- [Kite Burger](https://www.kiteburger.com) (2025–2026, Hamburguesería): Web de una hamburguesería de Almería y Granada, con la carta y el pedido online.
- [El Cable Inglés](https://www.elcableingles.com) (2025, Bar de tapas): Web de un bar de tapas de Almería con juegos para ganar tapas gratis.
- [MasLeads](https://www.masleads.es) (2025, Plataforma B2B de leads): Marca y web de una plataforma B2B de leads cualificados con IA.
- [Sipay](https://sipay.es) (2025, Fintech de pagos): Mejoras en la web de una fintech de pagos: menú multidioma, insignias animadas y formulario conectado a Zoho CRM.
- [Tanzania Life](https://tanzanialifeviajes.com) (2024–2026, Agencia de safaris): Safaris privados y viajes a medida por Tanzania, con mapa de ruta animado.
- [BMasteu](https://www.grupobmasteu.com) (2024, Teleconcertación y consultoría): Web corporativa de un grupo de teleconcertación y consultoría comercial.
- [The Unique Poster](https://theuniqueposter.com/es/) (2024, E-commerce de pósters): Tienda online de pósters y cuadros personalizados con marco.
- [Array Media](https://www.arraymedia.com) (2024, Medios inmobiliarios): Web de una empresa de fotografía y medios para el sector inmobiliario.
- [Cocowi](https://cocowibrand.com) (2023, E-commerce de gorras): Tienda online de una marca de gorras.

## Reconocimientos
- Naciones Unidas · Unite Ideas, Circular Economy Challenge 2020 — Most Technically Developed Solution (caso: [HULA](https://www.berraco.studio/proyectos/hula/))
- ADDY Awards nacionales · Plata, Consumer Website (caso: [Las Fantásticas Aventuras](https://www.berraco.studio/proyectos/ford/))
- ADDY Awards · Best of Show, Online/Interactive (caso: [Las Fantásticas Aventuras](https://www.berraco.studio/proyectos/ford/))
- ADDY Awards · Oro, Interactive Branded Content & Entertainment (caso: [Las Fantásticas Aventuras](https://www.berraco.studio/proyectos/ford/))
- ADDY Awards · Oro, Interface and Navigation (caso: [Las Fantásticas Aventuras](https://www.berraco.studio/proyectos/ford/))
- ADDY Awards · Oro, User Experience (caso: [Las Fantásticas Aventuras](https://www.berraco.studio/proyectos/ford/))
- Awwwards · Site of the Day (caso: [Las Fantásticas Aventuras](https://www.berraco.studio/proyectos/ford/))
- FWA · Site of the Day (caso: [Las Fantásticas Aventuras](https://www.berraco.studio/proyectos/ford/))
- FWA · Mobile of the Day (caso: [Las Fantásticas Aventuras](https://www.berraco.studio/proyectos/ford/))

## Preguntas frecuentes
### ¿Qué es Berraco Studio?
Berraco Studio es una agencia de producto digital: entramos en cualquier punto de un producto, de la idea al crecimiento, con un objetivo: entenderlo como auténticos expertos en su sector. Diseñamos y desarrollamos webs, apps y plataformas, y las hacemos crecer con anuncios, creatividades y CRO. Trabajamos desde Almería, Madrid y Miami.

### ¿Por qué os llamáis Berraco?
Berraco es una palabra coloquial para algo muy potente, que destaca por encima de lo normal. Es lo que intentamos que sea cada producto que tocamos.

### ¿Qué diferencia hay entre una agencia de producto y una de servicios?
Que una agencia de servicios te hace lo que le pides. Nosotros primero comprendemos tu sector y tu producto con todo tu conocimiento y luego te decimos qué hay que hacer, aunque no sea lo que venías a pedir. Y respondemos del resultado: si te hacemos una web, respondemos de que convierta.

### ¿Con qué tecnologías trabajáis?
Diseñamos en Figma. Las webs, con Astro, Webflow, Framer o WordPress según lo que pida cada proyecto. Las apps web, con Next.js y Supabase; las nativas, con React Native y Expo. Animamos con GSAP y three.js, automatizamos con n8n y usamos Claude como modelo de IA principal.

### ¿Hacéis SEO, GEO y AEO?
Sí, desde el primer día y en todas las webs: SEO técnico, datos estructurados de schema.org, Core Web Vitals con Lighthouse 90+ como mínimo y contenido preparado para que los buscadores y asistentes con IA entiendan tu web y puedan citarla.

### ¿Usáis inteligencia artificial?
Sí, en todo el proceso y, cuando tiene sentido, dentro del producto: agentes que proponen contenido, apps que redactan o vídeo generativo. La regla de la casa es que la IA propone y una persona decide: nada se publica solo.

### ¿Cuánto cuesta un proyecto con Berraco?
Depende del alcance. Ya, odiamos esta respuesta tanto como tú. Cuéntanos qué necesitas en el formulario y te mandamos una propuesta con alcance, fases, plazos y precio.

### ¿Trabajáis con empresas de fuera de España?
Sí. Trabajamos en castellano y en inglés, en remoto, con clientes de España y de fuera.

### ¿Os seguís ocupando de la web después del lanzamiento?
Sí. Con Berraco Grow la web sigue mejorando cada mes con anuncios, landings, CRO e informes, y también hacemos mantenimiento técnico.

### ¿Qué necesitáis para empezar?
Un brief, aunque sea corto: qué necesitas, en qué punto estás, para cuándo y un presupuesto orientativo. El formulario de contacto te lo pregunta todo en un minuto.

## Páginas
- Inicio: https://www.berraco.studio/
- Trabajo (productos y webs): https://www.berraco.studio/proyectos/
- Estudio (equipo, método y preguntas): https://www.berraco.studio/estudio/
- Contacto (formulario de proyecto): https://www.berraco.studio/contacto/
- Juego: https://www.berraco.studio/juego/ (Berraco: la aventura, una aventura gráfica en español y en inglés; quien la termina se lleva un código único de un 5 % de descuento para su proyecto)
- Versión completa de este resumen, con cada caso entero: https://www.berraco.studio/llms-full.txt
- English version: https://www.berraco.studio/en/llms.txt

## Contacto
- Formulario de proyecto: https://www.berraco.studio/contacto/
- Correo: nacho@berraco.studio