Cuando un cliente nos pide "un diseño bonito", en realidad está pidiendo cuatro disciplinas distintas. Confundirlas explica por qué muchas webs se ven bien y convierten mal. Aclaramos qué es cada cosa y cuándo se necesita.
UX (User Experience)
Estudio del usuario, sus tareas, su flujo y los puntos de fricción. Produce wireframes, prototipos low-fi y arquitectura de información. Es lo que hace que la web funcione, antes de pensar en cómo se ve.
UI (User Interface)
Diseño visual de los elementos interactivos: tipografía, color, componentes, estados (hover, focus, error). UI sin UX previa suele resultar en webs bonitas que no convierten.
Diseño web
Aplicación de UX y UI al medio web específico, considerando responsive, performance, accesibilidad y SEO técnico. Es la traducción de los mockups a una solución implementable.
Branding
Identidad de marca: logo, paleta, sistema de tipografías, tono. Es la base sobre la que UI y diseño web aplican estilo. Si no hay branding sólido, todo el diseño parece "improvisado".
Orden recomendado
- Branding si no existe o está obsoleto.
- UX research: entrevistas, análisis de competencia, journey maps.
- Wireframes y prototipos low-fi en Figma.
- UI design: aplicar branding a componentes y pantallas.
- Diseño web: adaptar a breakpoints, optimizar performance, accesibilidad.
- Implementación con el stack elegido.
En qué invertir si tu budget es limitado
Si tienes que recortar, recorta en UI antes que en UX. Un wireframe trabajado convierte mejor que un mockup precioso sobre una arquitectura mala. UX siempre primero.
Una web bonita que no convierte es un gasto. Una web fea que convierte es una inversión.
