Diseño flujos y pantallas que resuelven problemas reales y los convierto en interfaces claras, accesibles y listas para producción (Figma + HTML/CSS + JS).
3 proyectos contados como caso: problema, decisiones y solución (no solo “demos”).
Problema: presentar la oferta del gimnasio y guiar al usuario a una acción clara (prueba / membresía).
Solución: jerarquía de contenido + secciones orientadas a decisión + componentes reutilizables y responsive.
Problema: proceso de compra de entradas más claro y fluido, reduciendo fricción.
Solución: flujo y jerarquía visual + estados de interacción + consistencia tipográfica y visual.
Problema: crear variantes consistentes (hover, sombras, bordes) sin perder tiempo.
Solución: panel de controles + preview + copia de CSS listo para uso.
Otros experimentos (paletas, gradientes, etc.) los dejaré como sección secundaria más adelante para no diluir el foco.
Un proceso simple, repetible y orientado a producto.
Objetivo, usuario, restricciones y qué significa “éxito” en el producto.
Wireframes, jerarquía, estados, componentes y prototipo en Figma.
Responsive + accesibilidad básica + handoff (o implementación parcial).
Soy Francisco Sánchez. Me enfoco en UI/UX de producto y en convertir diseños en interfaces listas para producción.
Trabajo con Figma (Auto-Layout, variantes) y desarrollo con HTML/CSS y JavaScript, cuidando la estructura, la jerarquía,
la interacción y la accesibilidad básica.
Me interesa especialmente construir sistemas consistentes (componentes/estados), mejorar la claridad de los flujos y reducir fricción en pantallas clave.
¿Tienes un producto o web y quieres mejorar claridad, conversión o experiencia? Escríbeme y lo vemos.
EscríbemeFrancisco Sánchez — UI/UX orientado a producto · Front-End