UI/UX Design & Prototyping
Wireframes, visual design, and a clickable prototype — so the build starts from something agreed, not a guess.
Design
Design before code. I take a rough idea or an existing site and turn it into wireframes, a visual direction, and a prototype you can click through — so everyone signs off on the same thing before a line of build code is written.
- Low-fidelity wireframes for every key page and state
- A visual design direction: type scale, colour, spacing, components
- High-fidelity mockups of the main pages (desktop + mobile)
- A clickable prototype (Figma) covering the primary user flows
- A short usability pass — 3–5 people clicking through, notes back to you
- Design tokens and a component inventory the build can be handed straight into
Wireframes first, pixels later
Wireframes settle structure and priority — what goes where and why — without anyone getting attached to a colour. Once the skeleton is agreed, the visual pass is fast because the hard decisions are already made.
A prototype you can actually click
Static mockups hide interaction problems. A linked prototype surfaces them while they are still cheap to fix, and doubles as the spec the build works from.
Handoff that a developer can use
You get tokens (colour, type, spacing as named values), a component list, and redlined states — not just a picture. If I am also doing the build, this feeds straight in; if your team builds it, they are not guessing.
FAQ
Have a project in mind?
Tell me what you are building. You get a scoping call and a fixed quote — no obligation.