OAT Hair & Beauty
The salon feeling, before the visit.
A warm, editorial website with a scroll-controlled film and a custom interface for browsing treatments, comparing prices and planning a visit.
01 / The brief
A starting point.
OAT needed its website to express the atmosphere of the salon while making a wide treatment menu easy to explore. The practical journey needed as much care as the visual one.
02 / Our approach
How we brought it together.
We brought together cream and espresso tones, salon imagery and a cinematic opening. A separate treatment page gives visitors space to search, choose options and review an estimated total in the same visual language.
03 / The work
What we worked on.
- 01
Website design & development
A responsive salon website with editorial layouts and locally hosted typography.
- 02
Cinematic introduction
Scroll-controlled video with separate landscape and portrait versions.
- 03
Treatment catalogue
Search and category browsing across the published hair and beauty menu.
- 04
Selection & pricing
Treatment options, editable selections, quantities and estimated visit totals.
- 05
Visit preparation
Patch-test reminders and clear supporting information before selection.
- 06
Integration handover
A documented path for future Square availability and booking, with the current unavailable state made explicit.
04 / A closer look
A treatment menu you can actually use.
Visitors can search by treatment, browse categories and build a visit from the options they choose. The review panel keeps the selection and estimated price visible as they explore.

Something in mind?
Let’s talk about your project.
Next projectSBS LogisticsBranding, website & 3D