Skip to main content
Cabinet Factory Outlet, the live site

Small business website design

A fast, custom website that makes your small business the obvious choice.

Start a project

Web development

A fast custom site you own outright, built for a phone.

A stage of the cabinetsmi.com home headed The drawing becomes home, over a photograph of a finished kitchen, with a Book a visit button.

What the website includes.

  • Design and build, no templates
  • Every service on its own page
  • Inquiry flows that reach you

Not in the price. Copywriting from scratch, we edit yours. Photography and video, their own services.

You keep. The code, the domain and the hosting account.

Pairs with. SEO and Paid ads.

In depth. Websites by industry, Booking websites, Website redesign, Website integrations and Agency or freelancer.

How the build goes.

  1. Discovery and preview

    Week 1

  2. Built in the open

    Then

  3. Launch and handover

    Launch day

The code that built this site, running

Three languages from this site, each beside what it draws.

HTML

app/components/pages/opening.jsx, rendered

<main id="main" tabindex="-1" class="relative z-10 scroll-mt-20 …">  <section data-ground="ink" data-opening="plain" data-figure="web" data-stage-root="" class="opening">    <style>#main{--page-fit:9.713;--page-fit3:9.62}</style>    <div class="opening-copy">      <h1 class="opening-title" style="--opening-fit:9.713;--opening-fit3:9.62">        Small business website design      </h1>      <p class="opening-line">        A fast, custom website that makes your small business the obvious choice.      </p>      <a class="relative isolate inline-flex …" href="/contact?service=web-development">        <span aria-hidden="true" class="pointer-events-none absolute …"></span>        <span class="relative z-10 inline-flex …">          <span class="opacity-0">Start a project</span>          <span aria-hidden="true" class="absolute inset-0 flex items-center …">Start a project</span>        </span>      </a>    </div>    <div class="opening-stage-cell">      <div class="opening-stage" aria-hidden="true"></div>    </div>  </section></main>

CSS

app/globals.css    --spacing-rail: clamp(1rem, 4vw, 3rem);    --text-display: clamp(3rem, 1rem + 9vw, 10.5rem);@utility moment {    min-height: 100svh;    display: grid;    align-content: center;}app/styles/v8-pages.css.plate-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));    gap: clamp(1rem, 2.5vw, 2rem);    list-style: none;}

JavaScript

app/components/bolt/stage-scene.jsx

function hardwareWebgl2() {    try {        const gl = document.createElement('canvas').getContext('webgl2', { failIfMajorPerformanceCaveat: true });        gl?.getExtension('WEBGL_lose_context')?.loseContext();        return !!gl;    } catch {        return false;    }}
let visit = null;/** The visit's tier, decided once: the home's rules, the still for a software renderer. */export function visitProfile() {    if (visit) return visit;    const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;    const tier = !reducedMotion && !hardwareWebgl2() ? 'static' : probeTier();    const software = isSoftwareRenderer(lastProbe.renderer);    visit = labProfile({ tier, software, reducedMotion, softwareTier: 'still', fastTouch: fastTouch(lastProbe) });    return visit;}

Website design questions.

How long does a small business website take?

Not long: turnaround is quick once we have your content. You see a live preview from the first week, and each page goes up on it as it is built, so your comments are on the real site. We fix them as they come in. At launch the site moves to your domain and the code is handed over.

What do you need from us?

What you sell, your pictures and your words, even rough ones. We edit your words into the pages, though writing all of it from scratch is outside the price. New photos and video are their own services. We also need access to your domain, which stays in your name.

Who owns the site?

You do. The code, the domain and the hosting account are yours at launch, with no lock-in. If you later hire another developer or run the site yourself, you take the code with you. Every account we set up along the way is in your name too.

What is custom website design?

Custom website design means a site designed and coded for one business from a blank page, with no theme or page builder underneath. The pages follow what that business sells and the questions its customers ask before they buy. Because the code is written for it, the owner can take it to any developer later.

Which firms design websites for small businesses?

Freelancers, agencies and website builders do most of it. A freelancer works alone and an agency brings a team; a builder lets the owner make the site but keeps it on the builder's platform. We are a remote agency that quotes a fixed price in writing and hands over the code at launch.

What does a web designer do?

A web designer decides what a site needs and how it looks. That covers the pages, what goes on each one, and the path a visitor takes to call, book or buy. Some designers hand the design to a developer to build. We do both, so the people who design your pages also build them and fix your comments.

Can I design my own website?

Yes. A website builder lets you make a site yourself, and for a new business with a few pages that can be enough. It gets harder once you need a page for every service, bookings or payments that reach you, and a site that stays fast on a phone. That is the work we take on, and the code stays yours.

How to choose a website designer?

Use sites they built that are live today, on your phone, and check that each loads fast and makes the next step obvious. Then get the price, the timeline and the handover in writing, including who holds the domain. Our quote covers all three within one business day, and our own builds are on the work page.

Start with a message.

Tell us what the business is and what is not working online.

Start a project