How we design

How we design a website, in plain language.

Good small-business websites aren't about decoration. They help a customer on a phone find what they need and act on it. Here's how we get there, and what you'll see along the way.

Design principles

We start with your main goal

Every site has one thing that matters most: phone calls, bookings, orders, quote requests or visits. We decide it with you in discovery and build every page around it. That action stays easy to reach on every page, often as a button that stays in view on a phone.

Example: a plumber's site puts “Call now” at the top and the service area right below. A bakery puts today's menu and hours first.

Phone first

Many of your customers will meet you on a phone, often in a hurry. We design the phone layout first, with big readable text, buttons you can tap with a thumb and short paragraphs, then widen it for tablets and computers. You'll review the design on your own phone.

Your brand, not a template

We take colors from your logo, sign, storefront or trucks, and choose a pair of typefaces that suit your trade: sturdy for a contractor, warm for a bakery, refined for a salon. If you have no brand yet, we propose one simple palette and type pairing for you to approve before we design anything.

Real photos, no stock faces

Photos of your actual place, work and products build trust that stock pictures can't. We'll use the good photos you have, coach you to take more on a phone, or arrange a short local photo session. Until real photos arrive, we use simple illustrations or patterns, never pictures of strangers pretending to be your team.

Words in your voice

Your site should sound like you on a good day. We shape your words into short, scannable sections with real details: your prices, towns, years in business and the names your customers know. We don't invent reviews, numbers or claims. If writing isn't your thing, we can interview you and write it.

Fast on any connection

Slow sites lose visitors. We hand-build with plain, lightweight code, size and compress every image, and test on a mobile connection. We aim for a score of 90+ in Google's PageSpeed Insights mobile test before launch.

Usable by everyone

We follow the basics of the WCAG 2.2 AA accessibility standard: text with strong contrast, every form field labelled, a visible outline when moving through the page with a keyboard, buttons big enough to tap, and descriptions for meaningful images. It helps customers with disabilities and makes the site easier for everyone.

Easy to find locally

Each page gets its own title and description. We add business details markup that search engines read (name, phone, the towns you serve), a sitemap, and consistent name, address and phone everywhere. We help connect your Google Business Profile, which often matters as much as the site itself for local searches.

What you'll see

Four approvals, four things to look at.

  1. The brief

    A one-page document: your goal, your customers, the pages, the features, the timeline and the fixed price. Read it like a contract summary and tell us if anything's wrong.

    Approval 1: you sign off on the brief, and the 50% deposit is due.

  2. The page map and layout

    A list of pages and a plain grey sketch of each one, phone first, showing what goes where and where the main button sits. No colors yet, so you can judge the structure on its own.

    Approval 2: the pages and the main call to action.

  3. The design preview

    A real web page, not a picture, with your colors, type, logo and photos, on a private link you open on your phone. On Business and Premium you'll see two directions to choose from.

    Approval 3: one design direction.

  4. The finished site, on a preview link

    Every page, built with your real words, prices and photos. We walk through it together on your phone before anything goes public.

    Approval 4: the site, ready to launch.

How revisions work

  • Two rounds of design revisions on the design preview, in every package.
  • One round of content changes on the finished site (words, photos, prices).
  • One numbered list per round, in one email thread or a shared doc. It keeps nothing from getting lost, and you can include notes from your family or staff.
  • Be blunt. “The green feels cold” is more useful than “looks nice”.

A revision or a change?

Changing colors, wording, photo choices, the order of sections or the size of things is a revision, and it's included. Adding pages, features or a new direction after you've approved one is a change in scope. We're happy to do it, and we'll quote it first so there are no surprises.

See the full six-step process

See example designs for four kinds of business

Curious what your site could look like?

Tell us about your business. We'll build a homepage preview you can open on your phone, free.