Fathom Dive Co. is a concept website for a dive school. I designed and built it to show how a small service business can turn a visitor into an enquiry on a single page.
The site is built around the idea of descending: as you scroll, the colors deepen from bright surface water to deep ocean, and a small dive-computer widget tracks your “depth” the whole way down.
For a dive school, course level, prerequisites and upcoming dates can decide whether someone enquires. Which of those details do you want visitors to find first?
Show level and prerequisites first (e.g. “Requires Open Water”), then the next start date with spots left, since fit decides whether someone enquires and the date gets them to act.
That order makes sense: prerequisites help people check whether the course fits, then the next date and spots left give them a reason to enquire. I’d keep those details easy to find without making people scroll through the full page first.
Datum, a personal portfolio website for builders and makers.
HTML, React and @Framer versions.
Go and check out the cool "inspect" feature at https://no-code.supply/templates/datum
You don’t need huge headlines or long explanations. You need the right image + short headline + clear offer.
For the first version, we worked on the branding, the image and the copy together, so at first glance it’s clear: this is a makeup course, and here’s what you’ll get.
The second version is still beautiful and still feels like beauty. But what are you actually getting? A makeup course? Products? A store? That’s the problem with a Hero that looks good but isn’t thought through.
Your first screen doesn’t need to say everything. It just needs to say the right thing.