Our work

What we build, and how we know it works before you see it.

We do not put client logos or screenshots on this page without written permission, and most small businesses would rather not be a marketing exhibit. So this page shows the work a different way: the site you are reading as a documented build, the four kinds of project we deliver most, the checklist every one passes, and exactly what arrives at handover. Live examples are available on request — details at the bottom.

Case study 00

This website is the first example.

A studio’s own site is the one piece of work it cannot blame on a client’s budget or a client’s taste. So we built this one the way we would want a client’s built, and we can show every decision.

It runs on WordPress, delivered as a single plugin that creates all 25 pages, so an update is one upload rather than 25 edits. Every illustration is an inline SVG drawn for this site — there are no stock images and no image files to load. The logo’s orange dot rides the letter D in step with your scroll position. Every animation switches itself off for anyone whose device asks for reduced motion.

If our own site were a template with the demo text swapped, why would you believe the sales pitch?
  • Design system: three typefaces, five colours, one dot motif, used the same way on every page
  • Text contrast checked against WCAG AA on every colour pairing before it shipped
  • Prices published as a defined base scope with priced add-ons, not a “contact us”
  • Contact form handled by the site itself, with a confirmation to you and a copy to us
  • Policy pages that describe what the site actually does — no analytics cookies are claimed because none run
digitaldots · design system

Palette

#111A2C
#2F4BFF
#FF5A1F
#0E9F6E
#F2F4FA

Components

Primary Secondary 01 Card

Type

Display · Space Grotesk 600Websites that get handed over.
Body · IBM Plex Sans 400Written to be read on a phone by someone in a hurry.
Label · IBM Plex Mono 500STAGE 3 · 24–48 HRS*

The tokens this site is built from, rendered live — not a screenshot

The four kinds of project

What a typical build looks like, from brief to launch.

These are composites of the projects we do most often, with the client details removed. The briefs, decisions and checks are the real ones.

Build type 01

The small business website

Trades, clinics, consultants, restaurants, studios. Five to ten pages. The bulk of what we do.

The typical brief. “We have a site from 2018 that a friend built. It looks dated, it is slow on phones, and we get more enquiries from Facebook than from it. We need something that makes us look like a real business and gets people to call.”

The decisions that matter. One page per service, written around what people search for, rather than eight services on one page. Click-to-call at the top of every page on mobile, because that is where most visitors are. Phone layouts done separately, not left to collapse. And the site built in a way the owner can edit at nine on a Sunday night.

What ships
  • 5–10 pages with a page per service
  • Google Maps, hours, click-to-call
  • Contact form tested with a live submission
  • Titles, descriptions and sitemap
  • Blog set up whether or not it is used
What we check before launch
  • Every page on a real phone, not a resized browser
  • Form arrives, not in spam, reply-to correct
  • No page slower than the images allow
  • One H1 per page, headings in order
  • Old URLs redirected if it replaced a site
What you keep
  • Domain, hosting and admin in your name
  • Every credential in the handover email
  • A recording showing how to edit it
  • 30 days of defect correction

Build type 02

The WooCommerce store

A small catalogue, usually under 30 products, for a business that has been selling by phone or Instagram DM.

The typical brief. “We sell about twenty products and take orders by message. We lose track, we chase payments, and we cannot ship outside our area because we cannot work out the postage. We need a proper store.”

The decisions that matter. Products loaded by us from a spreadsheet, not left as an empty shop. Shipping zones that never charge more to ship than the item costs. Tax rules set for every region sold into, then confirmed by the owner’s accountant. And a real test order — placed, paid, refunded — before anyone else sees the store.

What ships
  • Products, variations and stock loaded
  • Shipping zones and tax rules configured
  • Payment gateway live in your own account
  • Order emails styled and delivered
  • eCommerce tracking so you see revenue, not just visits
What we check before launch
  • Add to cart, coupon, guest and account checkout
  • Shipping recalculates when the address changes
  • A live card payment completes and refunds
  • Confirmation email reaches an outside inbox
  • Stock decrements on purchase, restores on refund
What you keep
  • Domain, hosting and admin in your name
  • Every credential in the handover email
  • A recording showing how to edit it
  • 30 days of defect correction

Build type 03

The campaign landing page

One offer, one action, built for paid traffic. Usually delivered alongside a Google Ads campaign.

The typical brief. “We are spending on ads and sending people to our homepage. The cost per lead is high and we are not sure the clicks are turning into anything. Can you build something that actually converts?”

The decisions that matter. The page repeats the ad’s promise in the same words above the fold. Every exit is removed: no navigation, no footer full of links. One action, repeated as the page scrolls. And tracking wired in before launch, so the campaign reports leads rather than clicks.

AD SAME PROMISE BOTH SIDES OF THE CLICK
What ships
  • A single page at its own address on your site
  • Copy matched to the ad, proof arranged underneath
  • Form or click-to-call, one call to action
  • Conversion tracking connected and test-fired
  • Kept off search engines if you prefer
What we check before launch
  • The page says what the ad said, in the same words
  • Nothing to click except the call to action
  • Loads light on a phone over mobile data
  • A test submission records as a conversion
  • Meets Google Ads landing page policy
What you keep
  • Domain, hosting and admin in your name
  • Every credential in the handover email
  • A recording showing how to edit it
  • 30 days of defect correction

Build type 04

The rebuild and rescue

A site that has become a liability: slow, broken on phones, or held by a developer who stopped replying.

The typical brief. “Our developer built it three years ago and has stopped answering. We do not know who owns the domain. The site still works, mostly, but we cannot change anything and we are worried it will just disappear one day.”

The decisions that matter. A full backup before anything is touched. A map of every URL Google knows about, so nothing that earns traffic is lost. The new site built on a staging copy while the old one stays live. And the boring, patient work of getting the domain and hosting back into the owner’s name through the registrar’s own process.

BEFORE AFTER
What ships
  • Backup of files and database, kept
  • Content that earns traffic migrated, not dropped
  • New site built on staging, switched in minutes
  • 301 redirects for every changed address
  • Domain and hosting recovered into your name
What we check before launch
  • Every old URL either works or redirects
  • No ranking page went missing in the move
  • Email still arrives after the switch
  • Forms still deliver on the new host
  • Admin login is no longer the word admin
What you keep
  • Domain, hosting and admin in your name
  • Every credential in the handover email
  • A recording showing how to edit it
  • 30 days of defect correction

Before anything goes live

The launch checklist. Every item, every site.

Most website problems are not design problems. They are a form nobody tested, a page nobody opened on a phone, a title tag nobody wrote. This is the list that catches them, and it is worked through on every build before you are asked to look.

01Content & links

  • No placeholder or demo text anywhere
  • Every internal link opens the right page
  • Every external link opens in a new tab
  • Phone numbers and emails are clickable
  • Business name, address and hours match everywhere
  • Spelling and consistency pass on every page

02Mobile

  • Every page opened on a real handset
  • No horizontal scrolling at any width
  • Tap targets large enough for thumbs
  • Text readable without zooming
  • Menu opens, closes and links work
  • Forms usable with the keyboard up

03Forms & email

  • Live submission from an outside address
  • Notification arrives, not in spam
  • Reply-To set to the visitor
  • Visitor confirmation received
  • Submissions also stored in the dashboard
  • Spam protection in place

04Search

  • Unique title and description on every page
  • One H1 per page, headings in order
  • Alt text on images that carry meaning
  • Sitemap generated and submitted
  • Search Console connected
  • Nothing accidentally set to no-index

05Speed & security

  • Images sized to their display size
  • Caching switched on and verified
  • SSL valid and HTTP redirected
  • Admin username is not “admin”
  • Security plugin configured, alerts to your email
  • Backups scheduled

06Accessibility & handover

  • Text contrast meets WCAG AA
  • Keyboard reaches every link and control
  • Motion respects the reduced-motion setting
  • Domain and hosting in your name
  • Every credential in the handover email
  • Walkthrough recording sent

The last email

What arrives at handover.

The handover email is the moment the site stops being ours and becomes yours. It is written so that a year from now, when you have forgotten everything, you can find what you need in one place.

Website address
Live URL, and the staging address if one is being kept
WordPress admin
Username and a temporary password, with a prompt to change it
Hosting & domain
Where each is registered, in whose name, and when they renew
Checklist
The launch checklist above, completed for your site
Recording
A short screen recording: editing text, swapping images, adding a page
Support window
The date your 30 days of defect correction ends
Store builds
Plus: processing an order, issuing a refund, reading sales reports

Laid out for desktop and phone separately — the recording shows you how to keep it that way

Standards

Rules every build is held to, whether or not anyone asked.

None of these are guarantees of results. They are the things we do the same way every time because skipping them is how sites end up bad.

Your name on everything

Domain, hosting, admin, ad accounts, analytics. Registered to you from day one. We have seen too many businesses held hostage by a login they never owned.

Phones first, not last

Every page is laid out at phone width as its own job, then checked on a handset. A desktop design that collapses is not a mobile design.

Nothing untested ships

Forms get a real submission. Stores get a real order. Rebuilds get every old URL checked. If we have not done it, it is not finished.

Contrast and keyboard

Text contrast to WCAG AA on every pairing, every control reachable by keyboard, motion switched off for anyone who asks their device for that.

Weight is a decision

Images sized to their display, plugins earned rather than accumulated, fonts loaded once. A fast site is mostly a site with fewer things on it.

Honest copy

We will not write a claim you cannot back up, invent a testimonial, or promise a ranking. That applies to your site and it applies to this one.

Live examples

Want to see real sites? Ask.

Some clients are happy for their site to be shown to prospective clients; some would rather not be. We respect both, which is why there is no logo wall here. Email us with the kind of business you run and we will send two or three live addresses of sites whose owners have agreed, chosen to be as close to your situation as we can manage.

You will be looking at working sites with real traffic, not mock-ups — open them on your phone, fill in a form, see how they behave.

Why are there no client logos on this page?

Because we do not publish a client’s name or work without their written permission, and most small businesses would rather not be marketing material. A logo wall is easy to fill and tells you little; a live site you can open on your phone tells you everything.

Will my site look like this one?

No. This site is built for a web studio, in a web studio’s voice. Yours is built for your business and your customers, from your content and your colours. What carries across is the method: the checklist, the standards, and the handover.

Can you build something like a site I have seen?

Send us the address and tell us what you like about it. We will tell you which parts are achievable in your plan, which would need a larger build, and which are not a good idea for your kind of business. We do not copy other sites, but we are happy to learn from them.

Can I talk to a past client?

Where a client has agreed to be a reference, yes, and we will make the introduction. We will not pass on anyone’s details without asking them first.

Scroll to Top