We design the structure of a website before anyone picks colors. You get wireframes for your key templates, a clickable prototype and a clear view of how people will move through the site. It’s the cheapest stage to find problems. It’s also the most expensive stage to skip.

What’s included

Discovery. We review your goals and your audience. We also look at how your current site is used.
Site structure. A map of pages and navigation. People find things without hunting. We test the labels against how your customers talk.
Wireframes. Layouts for your key templates. They show content hierarchy and calls to action, on desktop and mobile.
Prototype. A clickable version. You can click through it and find a confusing step early.
Feedback and refinement. We work through your notes and update the wireframes until the structure is right.

How a project runs

We begin by asking how the site should work and who it’s for. Then we sketch the structure and move into wireframes. We share them early. Early sharing matters, because it’s far easier to move a box on a wireframe than to rework a finished design.

When you’re happy with the structure, the wireframes become the blueprint. Visual designers and developers work from the same plan. Nobody has to guess what a page is supposed to do.

Good wireframes also settle arguments. When someone asks why a button sits where it does, the answer is in the plan. That saves hours later in the project.

Pricing and timeline

UX design and wireframing starts at $3,000 and takes 2–4 weeks. The price moves with the number of templates and the complexity of the flows. A prototype for testing adds time. A simple marketing site needs a handful of templates. A catalog with filters and accounts needs more. So does a store with checkout.

Proof

We produced wireframes and site design for Byer California, Corelight and Cortexica. Each project started with structure. The visual design had a plan to follow.

Questions people ask

What’s the difference between UX and visual design?

UX decides what goes on each page and how people move between pages. Visual design decides how it looks. We do both. Doing UX first means design choices rest on a plan.

Do I need wireframes for a small site?

Not always. For a few simple pages, we can go straight to design. For a store, a catalog or anything with several page types, wireframes save time and money.

How long does it take?

2–4 weeks. The range depends on the number of templates and how quickly feedback comes back.

Can you continue into design and build?

Yes. We design and build on Shopify and WordPress. The wireframes carry straight into both.

What do you need from us?

A conversation about your goals and access to your current site if there is one. If you have analytics, send those too. We’ll ask for anything else as we go.

Wireframes first. Pixels are expensive to move.