Get your free draft site

Our work

Our work

We're a new studio, so here's the honest version. This page shows concept work we built for fictional businesses, so you can judge our design before you ever talk to us. Click any of them: they are live and work on your phone. Real client sites will show up here with the owner's permission.

Case files: the whole process.

For four of them we kept every step: the brief, three directions, the pick and the working site.

Case file · Coffee house · fictionalBrimwell CoffeeBrief → 3 directions → pick → result Case file · Barbershop · fictionalCrossgrain Barber Co.Brief → 3 directions → pick → result Case file · Bakery · fictionalWrenfield BakehouseBrief → 3 directions → pick → result Case file · Auto repair · fictionalCoppervale Auto RepairBrief → 3 directions → pick → result

Six concept sites. Three styles.

Motion, Classic or Bold. Same care for the basics in all three: fast on phones, easy to read, one clear button.

Concept sample

Website + QR menu · Coffee house · Portland, ME (fictional)

Brimwell Coffee

A split-flap "Today" board flips once, the Open sign turns and the steam draws itself. Its table menu comes from the same price list.

Style: MotionCode 1C

Open the live sample Open its table menu

Concept sample

Website · Barbershop · Tulsa, OK (fictional)

Crossgrain Barber Co.

The headline opens with one razor stroke, a barber-pole stripe runs down the edge as you scroll, and every price has its own Book button.

Style: MotionCode 1A

Open the live sample

Concept sample

Website · Bakery · Madison, WI (fictional)

Wrenfield Bakehouse

"Fresh" and the opening time land like rubber stamps. Bakes filter by type, with allergens on every card and a simple pre-order form.

Style: BoldCode 3A

Open the live sample

Concept sample

Website · Auto repair · Boise, ID (fictional)

Coppervale Auto Repair

Starting prices in plain numbers, a "what changes the price" box, and a Diagnose, Approve, Repair line that draws itself.

Style: ClassicCode 2C

Open the live sample

Concept sample

QR menu · Restaurant · Austin, TX (fictional)

Marigold & Mesquite

A full QR menu: sticky categories, filters for diet and spice, chef's picks, English and Spanish, and it still opens offline.

Style: MotionCode Q1

Open the live sample

Concept sample

Website, 5 pages · Auto detailing · Charleston, SC (fictional)

Tidemark Auto Detail

Booking with a live price estimate, prices by vehicle size and a before-and-after slider.

Style: MotionCode 1A

Open the live sample

Every business on this page is fictional. Illustrations are ours; photos in Marigold & Mesquite and Tidemark are licensed stock, labeled “Sample image”. No real client is shown here yet.

Concept site · Auto detailing

Tidemark Auto Detail

Sector
Car detailing and hand wash
City
Charleston, SC (fictional business)
Pages
5
Built for
Phones first
Tidemark concept site: home screen with hero and next opening cardTidemark concept site: services and pricing by vehicle sizeTidemark concept site: booking request with live price estimateTidemark concept site: results with before-and-after slider
Concept
Tidemark on a phone: homeTidemark on a phone: servicesTidemark on a phone: booking

Screens from the Tidemark concept site, a fictional business. Images are stock samples.

Open the live sampleConcept site for a fictional business

The brief

A local detailer whose customers are busy, often on their phone, and tired of calling just to ask about price. The site had to answer three questions fast: How much? When can you take me? Can I trust you?

What we built

  1. 1

    Five pages, each with one job

    Home, Services & Pricing, Book, Results, Contact.

    Tidemark home page
  2. 2

    Booking request with a live estimate

    Pick a service, vehicle size and time, and the estimated price updates as you go.

    Tidemark booking page with an estimate panel
  3. 3

    Prices by vehicle size

    Sedan, SUV or truck, one tap.

    Tidemark services with a vehicle size switch
  4. 4

    Before-and-after slider

    Drag to compare.

    Tidemark results page with before and after sliders
  5. 5

    A call and book bar on phones

    Always one tap away.

    Tidemark on a phone with the call and book bar
  6. 6

    A quote form with photo upload

    For jobs that need a look first.

    Tidemark booking form on a phone

Screens from the Tidemark concept site. Images are stock samples.

Motion with a purpose

Every movement on Tidemark points somewhere: a light sweep walks you through the four steps of a detail, service cards stack as you scroll, and the before-and-after slider nudges once so you know it moves. Then it gets out of the way.

A light sweep walks you through the steps.
Service cards stack as you scroll.
After
Before
The slider nudges once so you know it moves. Try it.

People who prefer less motion get a calm, still version automatically.

On a real site, it's all you

Your photos from your phone. Your prices. Your hours. A link where your real customers can leave a review. We never use stock photos on a live site as if they were your work.

How we'd build yours

Different trades need different things up front. Here's where we'd start.

Illustration. Page lists change with what your business actually has. No filler pages.

Restaurants & cafes

  • Your menu on your site and on every table (QR)
  • Hours, map and “Call to order” right at the top
  • Photos of your real dishes, not stock photos

Typical pages Home, Menu, About, Catering or Events, Contact

Don't see your trade? We work with most local businesses. Ask for your free draft →

See your new website before you pay a cent.

Tell us about your business. We'll build a free draft and send you the link. If you love it, it goes live. If not, you owe nothing.

No payment to see it · No contract to see it · Everything is yours

Get your free draft site
Get your free draftSee our work