Website redesign
I refine structure, hierarchy, visual style and calls to action so your website feels more trustworthy.
UX/UI Designer · Product thinking · Front-End
I design clear, engaging digital interfaces that are ready to work.
I’m Francisco Sánchez, a UX/UI designer with a Front-End foundation. I combine structure, visual design and Figma prototyping with responsive web experiences built in HTML, CSS and JavaScript.
- 5
- published projects
- Figma
- prototypes and components
- Front-End
- HTML, CSS and JS
Design + product + code
Capabilities for designing and building better digital experiences.
I work from interface structure and hierarchy through visual design, prototyping and responsive implementation, connecting UX decisions with realistic Front-End execution.
Lead-generation landing page
I design pages focused on explaining an offer, reducing doubt and moving visitors toward contact.
Product UI and dashboards
I work on screens, flows, states, forms and components so tools become clearer and easier to use.
Design + implementation
I deliver Figma screens and, when it fits the project, responsive interfaces with HTML, CSS and JavaScript.
Featured cases
Five projects demonstrating design, product thinking and Front-End execution.
These are more than screenshots: each project lets you review the working interface, the decisions behind it and, whenever a public repository is available, the code used to build it.
Professional portfolio · primary case study
UIverse
The evolution of my portfolio from a generic presentation into a professional tool focused on UX/UI, product thinking and tangible Front-End evidence.
- Audit of the Home positioning, content and hierarchy.
- Project reorganization based on recruitment value.
- Bilingual, responsive and accessible development deployed on Vercel.
UX StrategyPortfolioFront-End
Interactive tool · featured project
Button Generator
An application for designing buttons, testing variants in real time and copying ready-to-use HTML and CSS. It is the clearest example of how I connect interface design with Front-End logic.
- Controls synchronized with an immediate preview.
- Presets, randomization, local persistence and clipboard output.
- Visual states, keyboard shortcuts and reusable generated code.
JavaScriptUI ToolLocalStorage
UX/UI redesign · private healthcare
Clínica Dental LB
Conceptual redesign for a dental clinic website to improve clarity, trust and mobile appointment requests. The case shows diagnosis, hierarchy, CTA decisions and visual direction.
- Problem: the website informed visitors, but did not guide them strongly toward booking.
- Solution: clearer first screen, visible contact and better organized services.
- Learning: selling an improvement means explaining impact, not just aesthetics.
UX AuditJavaScriptResponsive
Digital product · purchase experience
FRAME Festival
A multi-page experience for a suspense film festival, covering film discovery, ticket selection and a simulated checkout flow.
- JavaScript-powered search and film filtering.
- A complete journey through details, tickets, data and confirmation.
- A consistent visual identity across desktop and mobile.
Product DesignJavaScriptMulti-page
Commercial landing · visual direction
UrbanGym Pro
A bilingual landing page for a premium fitness offer, with a bold identity, structured content and a recognizable call to action from the first scroll.
- Dark visual system with high-contrast accents.
- Commercial sections for classes, trainers and pricing.
- Spanish and English versions with responsive layouts.
UI/UXLandingResponsive
How I work
A simple process to move from “this is unclear” to “now it works”.
I adapt to where your company is: a website that needs redesign, a landing page that needs to sell better, an internal tool that should be easier to use, or an idea that still needs shape.
Diagnosis
I understand goals, users, content, competitors and friction points in the current experience.
Visual direction
I define structure, hierarchy, visual tone, components, responsive behavior and key states.
Useful delivery
I prepare Figma design, clear handoff and, if needed, clean Front-End implementation.
About
I design with an eye on how a screen looks, how it reads and how it gets built.
I like combining visual judgment with Front-End execution. That helps me design realistic, consistent interfaces that are ready to work in a product, not just look good in a screenshot.
I use Figma to structure flows, components and prototypes, and HTML, CSS and JavaScript to bring those decisions into a responsive, clear and polished experience.
Contact
If your website or product already exists, but still doesn’t say what it should, we can improve it.
Tell me what you want to achieve, what you have now and what should happen when someone lands on your site.