Homepage of the MARGIN NOTES coaching website

Case Study / Conventional websites

Coaching website design MARGIN NOTES

Industry

Coaching

Stack

HTML · Motion · SVG + WAAPI

Turnaround

1 day

Role

Design + build, end to end

https://fable-13-commercial.netlify.app/11-margin/open ↗

Inside MARGIN NOTES

A section further down the MARGIN NOTES coaching website on a desktop screen

A deeper section of the MARGIN NOTES coaching website on a desktop screen

The MARGIN NOTES coaching website on a phone

The brief

A business coach for people drowning in other people's priorities. The page had to *be* the coaching: a long letter, annotated by a hand that's read it before you.

Read the build guide ↗

The approach

Highlighter sweeps, a clay pencil circling the phrase that matters, sticky notes in the actual margin. Every annotation draws in as you reach it, like the page is being marked up live.

Booking honours the premise: sessions are offered on Tuesdays only, generated from the real calendar.

annotated letter

Format

live thread

Reading progress

Want something in this register for your brand?

See it live ↗Adapt this for me

Free first draft · 6 to 12 hours · no contract

You've read enough. Let's see what your site could look like.

See your site before you pay Request a meeting