Interface design that survives contact with real content. A mockup with perfect placeholder text is easy; the useful work is designing for long product names, empty states, slow connections and the user who arrives confused.
What this covers
- Wireframes and user flows — structure and journey settled before anything gets styled.
- Visual design in Figma — type scale, spacing, colour and component states properly defined.
- Design systems — a reusable component library so the tenth screen is as consistent as the first.
- Prototypes — clickable flows for the journeys that matter, for testing and for stakeholder sign-off.
- Accessibility — contrast, focus states and keyboard navigation considered while they are still cheap to fix.
Designed to be built
Because I build as well as design, the handoff is not a guess. Components map to how they will actually be implemented, and the finished site matches the mockup instead of approximating it.
Redesigns
If you already have a product, we start with what is there — where users drop off, what support gets asked repeatedly — so the redesign fixes real problems rather than just refreshing the paint.