Rediseño de web
Reordeno estructura, jerarquía, estilo visual y llamadas a la acción para que tu web transmita más confianza.
UX/UI Designer · Product thinking · Front-End
Diseño interfaces digitales claras, atractivas y listas para funcionar.
Soy Francisco Sánchez, diseñador UX/UI con base Front-End. Combino estructura, diseño visual y prototipado en Figma con la construcción de experiencias web responsive en HTML, CSS y JavaScript.
- 5
- proyectos publicados
- Figma
- prototipos y componentes
- Front-End
- HTML, CSS y JS
Diseño + producto + código
Capacidades para diseñar y construir mejores experiencias digitales.
Trabajo desde la estructura y la jerarquía de una interfaz hasta su diseño visual, prototipado y construcción responsive, conectando las decisiones de UX con una ejecución Front-End realista.
Landing page de captación
Diseño páginas enfocadas a explicar una oferta, resolver dudas y llevar al usuario hacia el contacto.
Producto, SaaS y dashboards
Trabajo pantallas, flujos, estados, formularios y componentes para que una herramienta sea más clara y usable.
Diseño + implementación
Entrego pantallas en Figma y, cuando encaja, las convierto en interfaces responsive con HTML, CSS y JavaScript.
Casos destacados
Cinco proyectos que demuestran diseño, producto y ejecución Front-End.
No son solo capturas: cada proyecto permite revisar la interfaz funcionando, las decisiones tomadas y, cuando existe repositorio público, el código con el que está construido.
Portfolio profesional · caso principal
UIverse
Evolución de mi portfolio desde una presentación genérica hacia una herramienta profesional enfocada en UX/UI, criterio de producto y evidencia Front-End.
- Auditoría del posicionamiento, contenido y jerarquía de la Home.
- Reorganización de proyectos según su valor para selección.
- Desarrollo bilingüe, responsive, accesible y desplegado en Vercel.
UX StrategyPortfolioFront-End
Herramienta interactiva · proyecto destacado
Generador de Botones
Aplicación para diseñar botones, probar variantes en tiempo real y copiar HTML y CSS listo para usar. Es la muestra más directa de cómo conecto diseño de interfaz y lógica Front-End.
- Controles sincronizados con una previsualización inmediata.
- Presets, aleatorización, persistencia local y copiado al portapapeles.
- Estados, atajos de teclado y salida de código reutilizable.
JavaScriptUI ToolLocalStorage
Rediseño UX/UI · salud privada
Clínica Dental LB
Concepto completo de una clínica dental centrado en confianza, claridad y solicitud de cita desde móvil. El proyecto incluye navegación, tratamientos, equipo, diálogos y formulario funcional.
- Jerarquía diseñada para guiar desde la necesidad hasta la reserva.
- Flujos interactivos para tratamientos, profesionales y citas.
- Diseño responsive con foco visible y estructura semántica.
UX AuditJavaScriptResponsive
Producto digital · experiencia de compra
FRAME Festival
Experiencia multipágina para un festival de cine de suspense, desde el descubrimiento de películas hasta la selección de entradas y la simulación del pago.
- Búsqueda y filtrado de películas con JavaScript.
- Recorrido completo por detalle, compra, datos y confirmación.
- Identidad visual consistente en escritorio y móvil.
Product DesignJavaScriptMultipágina
Landing comercial · dirección visual
UrbanGym Pro
Landing bilingüe para presentar una propuesta fitness premium con una identidad contundente, contenido jerarquizado y una llamada a la acción reconocible desde el primer scroll.
- Sistema visual oscuro con acentos de alto contraste.
- Secciones comerciales para clases, entrenadores y precios.
- Versiones en español e inglés y adaptación responsive.
UI/UXLandingResponsive
Cómo trabajo
Un proceso simple para pasar de “no se entiende” a “ahora funciona”.
Me adapto al punto en el que esté tu empresa: una web que necesita rediseño, una landing que debe vender mejor, una herramienta interna que debe ser más usable o una idea que todavía necesita forma.
Diagnóstico
Entiendo objetivo, usuario, contenido, competencia y puntos de fricción de la experiencia actual.
Dirección visual
Defino estructura, jerarquía, tono visual, componentes, responsive y estados principales.
Entrega útil
Preparo diseño en Figma, handoff claro y, si lo necesitas, una implementación Front-End limpia.
Sobre mí
Diseño pensando en cómo se ve una pantalla, cómo se entiende y cómo se construye.
Me gusta unir criterio visual con ejecución Front-End. Eso me ayuda a diseñar interfaces realistas, consistentes y preparadas para funcionar en producto, no solo para verse bien en una captura.
Trabajo con Figma para estructurar flujos, componentes y prototipos, y con HTML, CSS y JavaScript para llevar esas decisiones a una experiencia responsive, clara y cuidada.
Contacto
Si tu web o producto ya existe, pero todavía no transmite lo que debería, podemos mejorarlo.
Cuéntame qué quieres conseguir, qué tienes ahora y qué te gustaría que pasara cuando alguien entra en tu web.