01 · The challenge
The practice needed a landing page, and the look was still open. Choosing from a mood board is hard; choosing between finished pages is easy.
All work
Case study · Astro
Hypnotherapy — Design Directions
Three landing page directions for one hypnotherapy practice. Each one is a full page, and a short note compares them and recommends one.
Visit the live site 7vred7.github.io
Scroll inside the frame to see the whole home page · captured 17 October 2026
02 · The solution
- Three full landing pages with the same content, each with its own fonts, palette and shapes: Soft & Warm, Clinical Calm, Earthy Grounded.
- A short note that compares them and recommends one: 02 Clinical Calm, for a neutral audience and easy editing.
- Built with Astro and published on GitHub Pages, so the client opens each one on their own phone.
03 · The results
- 99 Google PageSpeed score on phones (12 Nov 2026). The main content shows in 1.5 s, with no blocking time and no layout shift.
- 100 for SEO and for best practices in the same test. Accessibility scores 94.
At a glance
- 3 full landing pages
- 3 font pairings
- 12 palette colours
- 1 recommendation, with the trade-offs
On the site
- 01 Soft & Warm: Fraunces and Inter; cream, charcoal and sage; italic serif headlines and organic shapes.
- 02 Clinical Calm: Manrope alone; white, deep navy and slate blue; a clean, gender-neutral grid.
- 03 Earthy Grounded: Cormorant, Lora and DM Sans; sand, terracotta and walnut.
- A trade-offs note: for a neutral audience and easy editing, direction 02 is the safest pick.
- Built with Astro and deployed on GitHub Pages.