Sistema de diseño en Figma
Tokens de color, tipografía, espaciado y componentes con sus estados, listos para que cualquier equipo técnico los implemente.
Inicio · Diseño web
Diseño web que se lee antes de gustar
Un sitio funciona cuando alguien que entra por primera vez entiende en cinco segundos qué haces y qué tiene que hacer después. Diseñamos cada plantilla sobre contenido real, en un sistema de componentes que luego se construye tal cual.
Arquitectura
El mapa del sitio es la mitad del proyecto
Antes de dibujar nada decidimos cuántas páginas hay, cuál es la importante, qué enlaza con qué y qué contenido hay que escribir. Es la parte menos vistosa del encargo y la que más problemas evita: casi todos los sitios que fallan tienen una arquitectura que nadie decidió.
- Inventario de lo que ya existe Qué páginas hay hoy, cuáles reciben visitas y cuáles no las ha abierto nadie en un año.
- Mapa nuevo y redirecciones Qué se mantiene, qué se fusiona y qué desaparece, con su redirección para no perder posiciones.
- Prioridad de contenidos Qué se lee primero en cada plantilla y qué puede esperar a la mitad de la página.
- Enlazado interno Cómo se pasan autoridad y visitas las páginas entre sí, decidido y no dejado al azar.
Criterios
Las reglas con las que diseñamos
Una plantilla por tipo de página, no una por página
Si dos páginas hacen lo mismo, comparten plantilla. Reduce el coste del proyecto, hace el sitio coherente y permite añadir páginas nuevas después sin volver a diseñar.
Móvil resuelto, no encogido
El móvil no es la versión estrecha del escritorio: cambia el orden de lectura, el tamaño de los objetivos táctiles y qué se puede dejar fuera. Se diseña aparte.
Contraste y foco desde el primer boceto
La accesibilidad se decide en el sistema de color, no se arregla al final. Todos los pares de texto y fondo cumplen el mínimo AA de las pautas WCAG.
Peso de la página como decisión de diseño
Una fotografía a pantalla completa cuesta segundos de carga. Cuando cuesta demasiado, se cambia el diseño, no se comprime la imagen hasta que se ve mal.
Los estados también se diseñan
Formulario vacío, formulario con error, buscador sin resultados, página 404. Son las pantallas que más se ven cuando algo va mal y las que casi nadie entrega.
Nada se diseña sobre texto de relleno
Si el texto real no existe todavía, lo escribimos en borrador. Un diseño validado sobre texto de relleno se rompe el día que entra el contenido de verdad.
Qué recibes al final
Y en qué formato
Todas las plantillas
Cada tipo de página en escritorio y móvil, con contenido real y no con marcadores de posición.
Mapa del sitio y redirecciones
El árbol de páginas definitivo y la tabla de redirecciones desde las URL antiguas.
Guía de implementación
Notas de comportamiento: qué es fijo, qué es fluido, qué pasa en cada punto de ruptura.
Revisión de accesibilidad
Informe de contraste, orden de foco y jerarquía de encabezados sobre el diseño entregado.
Sesión de traspaso
Una hora grabada con tu equipo o con quien vaya a construirlo, para resolver dudas antes de empezar.
Dudas frecuentes
Sobre el diseño del sitio
¿Puedo contratar sólo el diseño?
Sí. La entrega está pensada para que otro equipo pueda construirla: sistema de diseño documentado, plantillas en todos sus estados, guía de implementación y una sesión de traspaso. Mucha gente llega con desarrollador propio y sólo necesita esta mitad.
¿Cuántas rondas de cambios incluye?
Dos rondas por fase, y las fases están cerradas: cuando la arquitectura se aprueba, no se reabre al diseñar; cuando el diseño se aprueba, no se reabre al construir. No es rigidez, es lo que impide que un proyecto de ocho semanas se convierta en uno de ocho meses.
¿Diseñáis sobre WordPress o sobre algo propio?
El diseño es independiente de la tecnología. La decisión de si el sitio se construye con Astro, con WordPress o con las dos cosas se toma en la fase de arquitectura, según quién vaya a editar el contenido y con qué frecuencia. Lo explicamos en desarrollo web.
Ya tengo una web. ¿Se puede aprovechar algo?
Casi siempre el contenido, muchas veces la fotografía y rara vez la maquetación. Lo primero que hacemos es un inventario de lo que hay con sus datos de tráfico, y sobre eso decidimos qué se mantiene, qué se reescribe y qué desaparece con su redirección.
¿El diseño incluye los textos?
Incluye ordenarlos y marcar qué tiene que decir cada bloque. Escribirlos de cero es un servicio aparte que se presupuesta por página, aunque en la práctica lo contrata más de la mitad de los proyectos.
Enséñanos la web que tienes ahora
Con la URL y dos frases sobre qué te falla nos basta para responderte con un diagnóstico concreto y una horquilla de presupuesto por fases.