Hearts and Hues

Built from nothing, not from a theme.

4 months, first commit to live
0 themes used
1 loyalty flaw found
2 days to close launch feedback

The brief.

Hearts and Hues needed a site that looked like the salon rather than like a template with their photos in it. They also ran a tiered loyalty programme they couldn't get a straight answer out of — quarterly reward drops were due and nobody could say which clients sat in which tier.

A React build rather than a theme: an animated hero, an editorial image carousel on a timeline strip, a colour guide, a founder introduction, a service quiz, and a reservation button that follows you down the page. Four months of building in the open, with the FAQ, the values accordion and the points banner reworked against art direction as it went. Alongside it, the loyalty programme was audited — and the reason nobody could read the tiers turned out to be that the system stored spend in a field labelled bonus points, and deducted from that same field every time a reward was redeemed, quietly demoting the customer for using it.

Live in July. Every piece of launch feedback closed out by mid-August.

Client
Hearts and Hues
Industry
Salon
Services
Site Design
React
Loyalty
Brand
Status
Delivered · 2026

The site. heartsandhues.com.au

Built component by component rather than dropped into a theme — animated hero, curved type, page transitions, and a reservation button that follows you down the page. Recorded end to end off the live site.

heartsandhues.com.au — the full page, recorded live
The hero — a burnt-orange full-bleed portrait under Your Hair, In Good Hands, with First Time? and Back Again entry paths.
The Heart behind Hearts & Hues — brand story with the values accordion: inclusivity, gender-neutral pricing, sustainability.
The hair quiz promo on cream — a floating product tube beside warped Take the Hair Quiz type, worth 50 points on the Hair Club card.
Client work — a pink-hair before and after pair in a glowing frame.
Our Favourite Hues — the photo filmstrip above the footer: Great hair. Kind people. No judgement.

The emails. 4 sends

The lifecycle sends, designed in the same hand as the site — a welcome, the no-judgement promise, a thank you, and the points drop from the loyalty programme.

Hearts and Hues welcome email — Welcome to the Salon, a warm, inclusive and judgement-free introduction
Welcome
Hearts and Hues email — the no-judgement promise
No judgement
Hearts and Hues thank-you email after a visit
Thank you
Hearts and Hues rewards email — congratulations, you earned 50 points on the hair quiz
Points earned

Let's build your Chapter 2.

Let's chat