I design flows and screens that solve real problems and turn them into clear, accessible, production-ready interfaces (Figma + HTML/CSS + JS).
3 projects told as product cases: problem, decisions, and solution (not just demos).
Problem: present the gym’s offer and guide users toward a clear action (trial / membership).
Solution: content hierarchy + decision-oriented sections + reusable components and responsive UI.
Problem: make ticket purchase clearer and smoother, reducing friction.
Solution: purchase flow + visual hierarchy + interaction states + consistent type and layout.
Problem: create consistent button variants (hover, shadows, borders) without wasting time.
Solution: control panel + live preview + copy-ready CSS output.
Other experiments (palettes, gradients, etc.) will live in a secondary section later, so the main message stays focused.
A simple, repeatable, product-oriented process.
Goals, users, constraints, and what “success” means for the product.
Wireframes, hierarchy, states, components, and a Figma prototype.
Responsive design + basic accessibility + handoff (or partial implementation).
I’m Francisco Sánchez. I focus on product UI/UX and turning designs into production-ready interfaces.
I work with Figma (Auto Layout, variants) and build with HTML/CSS and JavaScript, taking care of structure,
hierarchy, interaction, and basic accessibility.
I’m especially interested in building consistent systems (components/states), improving flow clarity, and reducing friction on key screens.
Working on a product or website and want to improve clarity, conversion, or user experience? Let’s talk.
Contact meFrancisco Sánchez — Product-focused UI/UX · Front-End