Research y objetivos
Usuarios, tareas, restricciones y métrica de éxito.
Agencia Web · W-001 · Diseño & UX
Diseño web a medida
Una web, no una plantilla. Arquitectura, jerarquía y pantallas pensadas para tu cliente y para lo que tiene que conseguir.
Una plantilla empieza bien y acaba igual que todas las demás: el diseño a medida empieza por tu cliente.
Que es y para quien
Diseño pensado para un objetivo medible.
Research, arquitectura, sistema visual, pantallas y validación. Lee la guía completa de Desarrollo Web para el contexto teórico.
El problema de las webs hechas con plantilla no suele ser la plantilla es que nadie pregunto para qué la usa el cliente ni qué tiene que conseguir. Cuando el diseño no responde a una tarea concreta, acaba siendo un catálogo de secciones que nadie recorre y que no convierte.
Va dirigido a marcas que necesitan diferenciarse, a empresas con un proceso de compra largo y a quien tiene que sostener una web durante años. Entregamos la arquitectura de información, los wireframes, el diseño de interfaz, el sistema visual, el prototipo navegable y la guía de estilo para desarrollo.
- Marcas de servicios donde la web es el proceso de venta.
- Ecommerce que quiere una tienda que no parezca una plantilla.
- SaaS B2B con varias personas en la decisión de compra.
- Agencias que necesitan diseño para cliente con licencia.
Que incluye
Seis piezas de un diseño que se puede usar.
Research, arquitectura, wireframes, interfaz, prototipo y guía.
Arquitectura de información
Mapa de páginas, navegación y jerarquía de contenidos.
Wireframes
Estructura de cada pantalla con su contenido y su llamada a la acción.
Diseño de interfaz
Sistema visual, tipografía, color, retícula y estados.
Prototipo navegable
Flujos completos para validar antes de programar.
Guía de estilo
Tokens, componentes y reglas para {entregable}.
Trazabilidad
Cada pantalla tiene una razón de ser.
Del wireframe a la entrega, con la decisión de diseño y su medición a la vista.
- Pantalla, objetivo y acción principal de la tarea que el visitante tiene que completar
- Entregable de diseño y su validación con el diseño completo con su guía de estilo
- Jerarquía, componentes y estados definidos
- Decisiones de diseño y su impacto medido en 6 semanas
Como funciona
El ciclo de una pantalla que convierte.
Cinco pasos desde la hipótesis hasta la entrega.
-
01
Research
Se define la tarea que el visitante tiene que completar con quién la usa, en qué momento y para qué.
-
02
Arquitectura
Mapa de pantallas y jerarquía de contenidos de el diseño completo con su guía de estilo.
-
03
Diseño
Interfaz, componentes y estados con la voz de marca.
-
04
Validación
Pruebas con usuarios o con datos de uso reales en 6 semanas.
-
05
Entrega
Prototipos, guías y assets listos para desarrollo.
Un diseño sin criterio de éxito es una ilustración es nadie sabe si funciona hasta que se mide.
Como trabajamos
De una web bonita a una web que se usa.
Research, arquitectura, diseño, validación y entrega.
-
Research y objetivos
Usuarios, tareas, restricciones y métrica de éxito.
-
Arquitectura de información
Mapa de páginas, navegación y contenido.
-
Sistema de diseño
Componentes, tokens y patrones de el diseño completo con su guía de estilo.
-
Diseño y prototipado
Pantallas, flujos y prototipo navegable.
-
Validación
Pruebas, correcciones y handoff documentado.
Donde rinde
Tres diseños que cambiaron el resultado de la web.
El mismo proceso sobre webs con problemas distintos.
Navegación de 40 secciones donde nadie encuentra nada.
Arquitectura en tres niveles y nuevo diseño: +34% de conversión y 28% menos salidas.
Plantilla de 2019 con 60% de rebote en móvil.
Diseño propio con buscador y fichas. Conversión x2,1 en tres meses.
Web sin saber si el visitante era usuario o lead.
Diseño con dos recorridos y medición por tipo son los demos +38%.
Sectores
Donde ya lo hemos montado.
Ecommerce
SaaS B2B
Servicios profesionales
Formación
Turismo
Finanzas
Salud
Inmobiliario
Retail
Media
ONG
Agencias
Nos hicieron preguntar qué tiene que conseguir el visitante en cada pantalla. Eso cambió el proyecto entero.
Irene M.
Directora de Marketing
Reseña verificada en Google
4,9/5 · 248+ opiniones.
¿Cuánto tarda en verse resultados?
De 5 a 6 semanas para el diseño completo, con el prototipo navegable en la cuarta. Los cambios de conversión se miden tras el lanzamiento, entre 4 y 8 semanas.
¿Qué incluye exactamente?
Research y objetivos, arquitectura de información, wireframes, diseño de interfaz, sistema visual, prototipo navegable y guía de estilo para desarrollo.
¿Necesito algo previo?
Acceso al contenido actual, a la analítica, a las referencias de marca y a la persona que conoce al cliente.
¿Cómo se mide el resultado?
Con conversión por recorrido, tasa de uso de cada función, scrolls y salidas por página.
¿Cada cuánto se revisa?
Mensual durante el proyecto y en el primer trimestre tras el lanzamiento.
¿Por qué no usar una plantilla?
Una plantilla ahorra días, pero cuesta diferenciación, velocidad de carga y flexibilidad. Sale más cara cuando el proyecto crece es cada ajuste se pelea con la plantilla. La plantilla tiene sentido para un proyecto pequeño y sin pretensión de durar; para una web que hay que mantener cinco años, el diseño a medida se amortiza en el primer año.
Reservar
Cuentanos tu web.
Media hora para ver qué tiene que conseguir el visitante en tu web y si ahora puede hacerla.
Reserva tu videollamada gratuita
30 minutos con Jorge Sánchez Mosquete, experto en Diseño web a medida. Sin compromiso, en español.
•
LMXJVSD
Selecciona un día
• Empieza eligiendo un día disponible en el calendario
Powered by Netbulb