Línea 02 · Diseño UI/UX
Diseño UI/UX
Interfaces que se sienten obvias y convierten. Investigación, diseño e iteración — hasta que el usuario no tenga que pensar dos veces.
pantallas rediseñadas en proyectos de e-commerce y SaaS
de aumento promedio en conversión en landing pages rediseñadas
design systems entregados con tokens y componentes documentados
Caso destacado
Superllantas by Socelautos
Storefront + sistema de producto para un retailer de llantas off-road, con inventario sincronizado y filtros visuales por ancho, perfil y rin.
Ver el caso completo →Lo que pongo sobre la mesa
Investigación UX
Entrevistas con usuarios, encuestas, pruebas de usabilidad y análisis competitivo. Indago en el comportamiento real para que el diseño parta de evidencia, no de supuestos.
User flows y wireframes
Flujos de extremo a extremo que hacen obvio el siguiente paso. Wireframes que cierran la estructura antes de que los píxeles tomen el control.
Diseño de interfaces
UI lista para producción en Figma con sistemas de tipografía, color y espaciado. Componentes que aguantan cualquier tamaño de pantalla.
Optimización de conversión
Cada pantalla tiene un trabajo. Itero sobre copy, layout y jerarquía de CTAs para que el camino a la conversión sea corto y obvio.
Design systems
Tokens, componentes y documentación para que diseño e ingeniería hablen el mismo idioma. Menos drift, entregas más rápidas.
Pruebas de usabilidad
Sesiones moderadas y no moderadas. Usuarios reales, tareas reales, métricas reales. Convierto los hallazgos en un backlog accionable para tu equipo de desarrollo.
Cómo trabajo
Cinco pasos, en cada proyecto. El mismo ritmo tanto si entregas un fix de una pantalla como un rediseño de producto completo.
Usuario + negocio
Empiezo entendiendo al usuario y al negocio al mismo tiempo — ninguno importa sin el otro. Empatía por el cliente, ojo clínico para los números.
Mapear el flujo
Una vez mapeado el journey y fijado el flujo, avanzo rápido sobre wireframes. Barato de cambiar, caro de saltarse.
Sistema primero
El diseño visual llega después de que la estructura es sólida. Construyo un sistema claro de tipografía y espaciado para que las pantallas se sientan consistentes sin ser repetitivas.
Testear con cinco
Cada interfaz se testea. Cinco usuarios detectan el 85 % de los problemas de usabilidad, y el resto se incorpora al siguiente sprint.
Después del hand-off
El diseño no termina en el hand-off. Me siento con ingeniería, reviso cada PR y ajusto el producto en vivo cuando entran datos del mundo real.
Herramientas con las que trabajo
- Figma
- Maze
- Hotjar / Microsoft Clarity
- Notion / Confluence
- Google Analytics 4
- TypeScript y Tailwind (para handoff de diseño y prototipos)
Desbloqueemos el potencial juntos
¿Listo para dejar de hacer a mano lo que podrías automatizar en segundos? Mapeemos el primer flujo.
Agenda una llamada gratis de estrategia