Estrategia, diseño
y tecnología
Ayudamos a nuestros clientes a hacer crecer sus marcas, productos y servicios con proyectos digitales sólidos en la estrategia, fiables en la ejecución y excelentes en la apariencia.
{ haz scroll para descubrir nuestro proceso 
}
}FROM SPAIN
INDEPENDENT STUDIO
SINCE 2015
DGREES V4
Auditoría e
investigación
Si existe una web previa, realizamos una auditoría de contenidos, estructura y experiencia de usuario para identificar oportunidades de mejora. Para proyectos que parten de cero, analizamos la competencia, el sector y los referentes que pueden orientar la dirección. En paralelo, hacemos una doble investigación: estratégica (negocio, audiencia, objetivos, user flow) y visual (referencias, percepción de marca, conceptos estéticos). Son dos investigaciones con propósitos distintos: una define la estructura, otra orienta el lenguaje visual.
Auditoría e
investigación
- 01
Si existe una web previa, realizamos una auditoría de contenidos, estructura y experiencia de usuario para identificar oportunidades de mejora. Para proyectos que parten de cero, analizamos la competencia, el sector y los referentes que pueden orientar la dirección. En paralelo, hacemos una doble investigación: estratégica (negocio, audiencia, objetivos, user flow) y visual (referencias, percepción de marca, conceptos estéticos). Son dos investigaciones con propósitos distintos: una define la estructura, otra orienta el lenguaje visual.
Estrategia y
arquitectura
Con la investigación cerrada, traducimos los hallazgos en estructura. Definimos arquitectura de información, jerarquía de contenidos y user flow — cómo se mueve el usuario por el sitio, qué encuentra en cada paso, cómo se conecta cada sección con los objetivos del negocio. Dependiendo del tipo de proyecto, construimos wireframes y prototipos navegables en baja o alta fidelidad, para validar el flujo antes de avanzar al diseño.
Estrategia y
arquitectura
- 02
Con la investigación cerrada, traducimos los hallazgos en estructura. Definimos arquitectura de información, jerarquía de contenidos y user flow — cómo se mueve el usuario por el sitio, qué encuentra en cada paso, cómo se conecta cada sección con los objetivos del negocio. Dependiendo del tipo de proyecto, construimos wireframes y prototipos navegables en baja o alta fidelidad, para validar el flujo antes de avanzar al diseño.
Diseño visual
e interfaz
Con la arquitectura validada, definimos el look & feel a partir de la investigación visual previa y del sistema de marca del cliente — iteramos esta fase en profundidad hasta llegar a la propuesta correcta antes de extender el diseño al resto del sitio. Cada decisión visual, de detalle o animación tiene un propósito de marca. Después extendemos el sistema a todas las pantallas y dispositivos, construyendo interfaz, microinteracciones y, en proyectos de mayor escala, sistemas de diseño completos. En toda la fase de diseño limitamos el uso de IA, dejando el peso de cada decisión visual al equipo humano.
Diseño visual
e interfaz
- 03
Con la arquitectura validada, definimos el look & feel a partir de la investigación visual previa y del sistema de marca del cliente — iteramos esta fase en profundidad hasta llegar a la propuesta correcta antes de extender el diseño al resto del sitio. Cada decisión visual, de detalle o animación tiene un propósito de marca. Después extendemos el sistema a todas las pantallas y dispositivos, construyendo interfaz, microinteracciones y, en proyectos de mayor escala, sistemas de diseño completos. En toda la fase de diseño limitamos el uso de IA, dejando el peso de cada decisión visual al equipo humano.
Desarrollo
e integración
Con el diseño cerrado, pasamos a producción. Desarrollamos front-end y back-end con un stack flexible y mantenible — habitualmente WordPress con ACF Flexible Content, que nos permite trabajar con bloques modulares sin romper el diseño, junto a Sass y PostCSS para escalar el sistema visual con consistencia. En la capa de interacción combinamos GSAP para animaciones, Lenis Scroll para un scroll fluido y, cuando el proyecto lo requiere, WebGL y Three.js para experiencias inmersivas. Aplicamos este enfoque desde landings hasta plataformas enterprise — la complejidad cambia, el método no.
Desarrollo
e integración
- 04
Con el diseño cerrado, pasamos a producción. Desarrollamos front-end y back-end con un stack flexible y mantenible — habitualmente WordPress con ACF Flexible Content, que nos permite trabajar con bloques modulares sin romper el diseño, junto a Sass y PostCSS para escalar el sistema visual con consistencia. En la capa de interacción combinamos GSAP para animaciones, Lenis Scroll para un scroll fluido y, cuando el proyecto lo requiere, WebGL y Three.js para experiencias inmersivas. Aplicamos este enfoque desde landings hasta plataformas enterprise — la complejidad cambia, el método no.
Control de calidad, optimización
y lanzamiento
Antes del go-live, sometemos el proyecto a una fase de QA y optimización: rendimiento, accesibilidad, compatibilidad entre navegadores y SEO técnico — H1, metadescripciones, schema markup e indexación. A esto sumamos una capa de posicionamiento AEO para que la marca sea visible no solo en Google, sino también en respuestas de LLMs como ChatGPT, Perplexity, Gemini y Google AI Overview.
Control de calidad, optimización
y lanzamiento
- 05
Antes del go-live, sometemos el proyecto a una fase de QA y optimización: rendimiento, accesibilidad, compatibilidad entre navegadores y SEO técnico — H1, metadescripciones, schema markup e indexación. A esto sumamos una capa de posicionamiento AEO para que la marca sea visible no solo en Google, sino también en respuestas de LLMs como ChatGPT, Perplexity, Gemini y Google AI Overview.
Servicios
{ Cinco disciplinas que aplicamos por separado o combinadas en proyectos de cualquier escala. }
Diseño web
Sitios web que combinan fuerza visual con pensamiento estratégico — desde la investigación y la arquitectura hasta la interfaz y el motion.
- Diseño estratégico
- Dirección Creativa
- Diseño visual
- Experiencia de usuario (UX)
- Interfaz de usuario (IU)
- Diseño de aplicaciones
- Vídeos animados
- Gráficos en movimiento
- Diseño estratégico
- Dirección Creativa
- Diseño visual
- Experiencia de usuario (UX)
- Interfaz de usuario (IU)
- Diseño de aplicaciones
- Vídeos animados
- Gráficos en movimiento
Desarrollo web
Desarrollo front-end y back-end con un stack flexible y mantenible — desde landings hasta plataformas y ecosistemas que escalan con el negocio.
- Desarrollo Front-end
- Desarrollo back-end
- Desarrollo de comercio electrónico
- CMS personalizado
- WebGL y Three.js
- Animaciones SVG
- Desarrollo Front-end
- Desarrollo back-end
- Desarrollo de comercio electrónico
- CMS personalizado
- WebGL y Three.js
- Animaciones SVG
Marca digital
Branding pensado para entornos digitales — desde la estrategia y el naming hasta la identidad visual y el sistema de marca aplicado a producto.
- Estrategia de marca
- Identidad visual
- Dirección artística
- Nombrar
- Diseño Gráfico
- Directrices de marca
- Iconografía
- Adaptación digital
- Estrategia de marca
- Identidad visual
- Dirección artística
- Nombrar
- Diseño Gráfico
- Directrices de marca
- Iconografía
- Adaptación digital
Experiencias digitales
Capa avanzada de interacción para webs y plataformas — animaciones, motion, 3D y experiencias inmersivas construidas con WebGL y Three.js.
- Interfaces interactivas
- Experiencias inmersivas
- Animaciones avanzadas
- Diseño 3D
- Gráficos en movimiento
- Interfaces interactivas
- Experiencias inmersivas
- Animaciones avanzadas
- Diseño 3D
- Gráficos en movimiento
Estrategia de contenidos
Contenido y arquitectura editorial al servicio del proyecto — desde UX writing y dirección editorial hasta estrategias de posicionamiento SEO y AEO.
- Estrategia de contenidos
- Escritura UX
- Dirección editorial
- Escritura creativa
- Narración de la marca
- Analítica SEO
- Estrategia de contenidos
- Escritura UX
- Dirección editorial
- Escritura creativa
- Narración de la marca
- Analítica SEO
Trayectoria
{ Sectores, clientes y reconocimiento — la huella de 10 años de estudio, bajo una dirección con 25 años de trayectoria en el sector. }
Industrias
Proyectos de cualquier escala — landings, diseño web corporativo, website de productos o servicios, plataformas y ecosistemas digitales — aplicados en sectores con exigencia técnica, estética y de negocio.
Seleccionar clientes
Más de 60 clientes — desde startups y marcas emergentes hasta grupos corporativos y multinacionales. Plataformas enterprise como BBVA Open Innovation, BizTalks by NTT DATA o Valid Trusted Connectivity conviven en cartera con proyectos boutique de menor escala.
- NTT Data
- BBVA
- PWC
- Tresmares Capital (Banco Santander)
- Hoteles Barceló
- Grupo Azora
- Gunni y Trentino
- Royal Hideaway
- Grupo aramón
- Grupo Masmovil
- Grupo Restalia
- Casa Batlló
- Cadena SER
- Autonomy Capital
- Cooperación Internacional
- Lumisa Energías
- Caledonian
- Tenity
- Grupo Atitlán
- Válido
- Spain Collection
- MIOTI
- Grupo Rosa
- Ortiz León
- NTT Data
- BBVA
- PWC
- Tresmares Capital (Banco Santander)
- Hoteles Barceló
- Grupo Azora
- Gunni y Trentino
- Royal Hideaway
- Grupo aramón
- Grupo Masmovil
- Grupo Restalia
- Casa Batlló
- Cadena SER
- Autonomy Capital
- Cooperación Internacional
- Lumisa Energías
- Caledonian
- Tenity
- Grupo Atitlán
- Válido
- Spain Collection
- MIOTI
- Grupo Rosa
- Ortiz León
Premios x80
Más de 80 premios internacionales -Awwwards, FWA, Laus, Behance y CSS Design Awards- junto con 5 nominaciones a los Awwwards World Studio of the Year. Reconocimiento otorgado no sólo al diseño bonito, sino al diseño con sustancia que sustenta la marca, la función y el negocio.
- Awwwards SOTD x 15
- Awwwards HM x 33
- fwa x 14
- laus oro x 2
- laus plata x 3
- laus bronce x 6
- behance x 9
- CSS Design Awards x 10
- Nominado al estudio del año en awwwards x 5
- Awwwards SOTD x 15
- Awwwards HM x 33
- fwa x 14
- laus oro x 2
- laus plata x 3
- laus bronce x 6
- behance x 9
- CSS Design Awards x 10
- Nominado al estudio del año en awwwards x 5
Adaptación de marca digital
Estrategia de contenido