Step 02 · Design · 1–2 weeks
From wireframes to screens you’re proud of.
Design runs in short, collaborative rounds. We settle structure with wireframes, then refine high-fidelity UI with you until every screen feels right — designed by the same team that will build it, so nothing gets lost in a handoff.
Inside the design phase
- Wireframes first — Low-fidelity layouts that lock in content and hierarchy before visual detail, so feedback focuses on what matters.
- Visual direction — Typography, colour, and imagery shaped around your brand — never a template stretched to fit.
- High-fidelity UI — Polished screens for every key page and breakpoint, with the interactions and motion that bring them to life.
- Review rounds — Regular check-ins where you see progress and give feedback, so the final design holds no surprises.
What you walk away with
- Wireframes — The agreed structure and hierarchy of every key page.
- High-fidelity mockups — Pixel-accurate designs for phone, tablet, and desktop, ready to build.
- Style guide — Typography, colour, spacing, and components documented for consistency as you grow.
What we need from you
- Timely feedback at each review round.
- Final content where you have it, or placeholders we can agree on.
- One clear decision-maker to sign off each stage.
Common questions about design
How many revision rounds are included?
Design is refined with you until every screen feels right within the agreed scope. The number of formal rounds is set out in your project agreement.
Do we see designs for mobile too?
Yes. Key screens are designed for phone, tablet, and desktop, because most visitors arrive on a phone.
Will the final site match the designs?
Yes. The designers and engineers work side by side on one team, so what you approve is what gets built.