A clear design plan, ready to build on.
Design mockups and planning
Work out how your website should be structured and look before development starts. This standalone service gives you a clear plan and detailed desktop and mobile mockups to take forward.
Design planning
See the plan before anything is built
Design concept · Every project is shaped around your brief
A good fit if…
Made for where your business is now.
For business owners who want to make design decisions before committing to a build, or who plan to work with another developer.
- You want to compare directions and feel confident about the design first.
- You have a developer and need a clear design to hand over.
- You want to untangle your page structure and content before building.
What you get
Clear work, thoughtfully put together.
Your quote sets out exactly what is included, based on the needs we agree together.
A discovery conversation about your business and what the site needs to do
A site map showing how the pages fit together
Page wireframes to organise content and key actions
High-fidelity desktop and mobile mockups of the agreed pages
A design review and agreed refinements
A handover of the final design files for you or your developer
How it works
A clear path from idea to handover.
Set the direction
We agree the audience, goals, pages and visual direction for the design.
Shape the pages
I map the site and create wireframes before developing the visual mockups.
Review and hand over
You review the designs, then receive the agreed files and supporting structure.
Good to know
No guesswork about what’s included.
- This service covers planning and design. Website development is not included unless it is separately agreed.
- Your quote explains which pages, screen sizes, file formats and feedback rounds are included.
- If another developer will build the website, I can prepare the handover to make the design easier to follow.
A few useful answers
Questions about design mockups and planning.
Do I need to hire you to build the site afterwards?
No. The mockups and planning can stand alone, and you can hand the agreed design files to another developer.
What is a wireframe?
It is a simple page plan that shows where content and key actions go, before the finished visual design is added.
More answers on the frequently asked questions page.
A good place to begin
Let’s talk about design mockups and planning.
Tell me a little about your business and what you have in mind. I’ll come back with a clear, no-obligation quote.