design+code
Diseño web es un término cargado. Para algunos significa elegir tipografías y colores. Para otros abarca todo, desde la investigación UX hasta el motion. Esto es lo que significa para nosotros, en seis propuestas.
Muchos portfolios de diseño presumen de frames de Figma que nunca se han construido. Nosotros evitamos esa trampa. Cada decisión de diseño tiene que sobrevivir al navegador: tipografías reales, imágenes reales, interacciones reales, tiempos de carga reales. Si un diseño solo funciona como imagen fija al 100 % de zoom, no es diseño web. Es un póster.
En la práctica, probamos en el navegador lo antes posible. Con contenido real, nunca con Lorem Ipsum. Nos fijamos en cómo se renderiza la tipografía a tamaños pequeños, cómo se comprimen las imágenes, cómo se sienten las transiciones con una conexión lenta. El frame del portfolio es la parte fácil. El navegador es la parte difícil.
Una web bonita que tarda siete segundos en cargar es un diseño fallido. Tratamos el rendimiento como una restricción de diseño, no como un detalle técnico de última hora. Imágenes comprimidas en AVIF o WebP. Tipografías cargadas con fallbacks sensatos. Animaciones que respetan prefers-reduced-motion. Nada de vídeos gigantes en la cabecera que se comen los datos móviles. Lazy loading allí donde tiene sentido.
El rendimiento también es una señal de SEO y de GEO. Google lo mide. Los LLM evitan las fuentes lentas. Construir rápido ya no es opcional.
Cuando diseñamos la web de una marca, sabemos que el equipo del cliente la va a editar durante meses o años después de que nos vayamos. El producto real no es la home que entregamos. Es el sistema que el equipo usa para publicar.
Por eso diseñamos en torno al CMS, no a pesar de él. Cada componente es una plantilla del CMS antes de ser una página bonita. Cada espacio editorial está documentado. El equipo recibe formación, o al menos un vídeo explicativo, antes del lanzamiento. Una web que se ve genial pero se rompe en cuanto el equipo de marketing añade un proyecto nuevo es una web a medio terminar.
En 2026 cualquiera puede añadir un efecto parallax, un cursor personalizado, una animación Lottie o un scroll horizontal. La pregunta no es qué se puede hacer. Es qué hace falta.
¿Qué ayuda a entender esta animación al usuario? ¿Qué dice esta transición sobre la marca? Si la respuesta es «queda bien», la quitamos. Cada efecto que mantenemos tiene un propósito, una jerarquía, una razón de ser.
Las webs que más admiramos (Mast Studio, Pentagram, Bureau Borsche, los mejores estudios de Webflow) se mueven menos que el portfolio medio. Se mueven con intención. A eso aspiramos.
La mayor parte del buen diseño web se resuelve en la tipografía. Familia tipográfica, escala de tamaños, interlineado, espacio entre secciones. Esas decisiones cargan con casi todo el peso visual. El color y la imagen vienen después.
Cuando empezamos una fase de diseño, arrancamos con un sistema tipográfico. Una o dos familias. Una escala clara (de h1 a h6 con proporciones coherentes). Las reglas de espaciado entre bloques de texto. Una vez que el ritmo tipográfico funciona, el resto del diseño es más fácil. Color, fotografía e ilustración se apoyan sobre esa base.
Es también la parte de un proyecto que más despacio envejece. Las tendencias de color e imagen cambian rápido. Un buen sistema tipográfico diseñado en 2026 seguirá funcionando en 2030. No se puede decir lo mismo de la última moda de manchas con degradado.
No pretendemos ser expertos en todo. Una web de marca seria implica al menos cuatro oficios: diseño de marca, redacción, fotografía y desarrollo. Cada uno requiere años de práctica para hacerlo bien. Las agencias que dicen hacerlo todo internamente o son más grandes de lo que aparentan, o son peores en casi todo de lo que admiten.
Por eso Della Mattia funciona como una red. Para cada proyecto sumamos a los colaboradores adecuados: diseñadores de marca como Studio Avenir o Bureau Fritiau cuando el proyecto parte de cero, fotógrafos cuando la capa visual necesita un salto, redactores cuando la voz editorial tiene que sostener la web, especialistas en motion cuando el movimiento importa. Nosotros dirigimos cada proyecto. Hacemos el sistema de diseño y el desarrollo. El resto se incorpora según el brief, con todos los créditos.
Esto incomoda a los clientes que quieren que una sola agencia asuma todo el riesgo. Funciona con los clientes a los que les importa quién hace realmente el trabajo. La web es mejor. El equipo es más ligero. El mérito se comparte.
Si estos principios encajan con lo que piensas de tu próxima web, es fácil contactar con nosotros. bonjour@dellamattia.com.