Back to the book06 / 06

Ola · Hair Care

Keratin straightening and hair repair

Ola · Hair Care: the first screen of the site
Recording of the live site
Trade
Keratin straightening and hair repair
Location
Sosnowiec · Dąbrowa Górnicza
Built with
Next.js · Motion

The challenge

Clients come from Instagram, on a phone, and want to know one thing: which treatment suits their hair.

The idea

A before and after slider on a real makeover, and below it a hair cross-section that shows what keratin does inside.

On the site

  • Diagnosis: pick what you see in the mirror, the site points to the treatment
  • Booking via Instagram
Before and after: a slider on the header photo you drag to see the result on real hair.
Ola · Hair Care: Inside the hair
Inside the hair: a diagram that shows the treatment step by step as you scroll.
Ola · Hair Care: Start from the problem
Start from the problem: frizz, dryness or breakage, each with the treatment that helps.
Ola · Hair Care: Treatments
Treatments: what each one does and who it is for, with photos.
Ola · Hair Care: Results
Results: a strip of before-and-after photos with arrows.
Ola · Hair Care: The visit
The visit: four steps, from diagnosis to sealing the treatment in.
Ola · Hair Care: phone viewOla · Hair Care: a section of the desktop page

Want a site like this for your business?

Tell me what you do. I'll find the idea for your website in it.

I want a site like this

or call 785 739 959

Next projectFlora Team