The room, before you walk in
Formosa is a two-chair studio, not a chain. The whole advantage is what the room feels like. So we built the site to carry that instead of a price list.
Every salon site is a booking button with pictures around it
Open ten salon websites in a row. A slider of smiling models nobody in the building has ever met. A services table priced in ranges. A row of product logos. A booking button, usually orange, usually shouting. The sites are indistinguishable, which is strange, because the businesses are not. A chair in a strip-mall chain and a chair in a private studio are entirely different purchases.
That sameness costs a small studio more than it costs a chain. A chain competes on location and price and the template serves it fine. A studio competes on the stylist, the conversation, and whether you feel like yourself walking out. None of that survives a services table.
Formosa Hair Studio is Katie and Chelsea, two chairs inside a private suite off Peach Street in Erie. Twenty years of blonding, Ouidad certified curly cutting, and a client list built almost entirely on people telling other people. The existing web presence read like the chain down the road.
Atmosphere is the product
The brief we gave ourselves was narrow on purpose. Do not explain the salon. Make the visitor feel the room, then get out of the way of the booking.
It sounds like decoration. It is closer to positioning. A first-time client choosing a colorist is making a trust decision with real stakes, and they are making it from a phone, in about forty seconds, off a search result. Price does not decide it, because everyone’s price is similar. Proximity does not decide it, because everyone is close enough. What decides it is whether the place looks like somewhere that will listen to them.
For a two-chair studio, the room is the differentiator. A website that hides the room is hiding the only argument that matters.
So the visual system runs on warmth and restraint: low light, gold, generous space, very little copy. The photography is the actual work on actual clients, not stock. Every element that a template would have made loud, we made quiet, and the one thing we let dominate is the light.
Designing a reveal instead of a hero
The clearest expression of that thinking is the showcase we built for this site, where Formosa appears as the third band on the iKREATE homepage. It is worth walking through, because the problems it solved are the same problems the salon site solves.
A conventional portfolio tile shows a screenshot. A screenshot of a salon site tells you nothing a screenshot of any other salon site would not. So instead of showing the work, the band asks you to find it. The room sits in near darkness. The cursive F breathes in the center. Moving the cursor opens a soft pool of light, and only the part of the image under that light resolves.
Getting that to feel like light rather than a mask took more iterations than the idea deserved. A filled glow behind a translucent gold glyph cancels against it and turns the gold grey, because complementary colors layered over one another average toward neutral. The fix was to make the aura an annulus with a transparent core, so the cool light surrounds the mark instead of sitting behind it. The glyph itself composites with screen blending rather than alpha, because alpha averages a color toward the backdrop and screen adds light to it. On a dark ground, one keeps the gold and the other kills it.
Mobile needed a different answer entirely. A finger is a blunter instrument than a cursor, so the light pool widens on touch. And the band was fighting the scroll: every attempt to explore the image moved the page. Scroll-snap fixed it, but only after the band was constrained to fit inside the viewport, because a snap point on an element taller than the screen is silently ignored. Paired with touch-action: pan-y, a horizontal drag now explores the room and a vertical drag still scrolls the page, which is what a thumb expects.
What we built
A brand direction, not a logo refresh
The cursive F already existed and it was good. What did not exist was a system around it: a palette that works in low light, a type pairing with enough contrast to carry short copy, and rules for how the mark behaves on dark grounds. The logo stayed. Everything around it got built.
Copy cut to the bone
Salon sites over-explain because a template gives them space to fill. We wrote short: what they do, who does it, and what makes the studio different, in as few words as would hold. Most of the persuasion is carried by the imagery and the space around it.
Booking left alone
The studio already ran on GlossGenius and the clients already knew it. Replacing a working booking flow to satisfy a design preference would have cost real revenue to solve nothing. We integrated it and spent the effort on getting people to the point of clicking it instead.
Local search structure
A studio inside a larger salon building is easy for search engines to mis-file. The site carries explicit HairSalon structured data, an unambiguous address down to the studio number, service entities that match how people actually search — blonding, curly cutting, color correction — and consistent naming across every surface that mentions the business.
The showcase band on ikreate.tech
Built as a cursor-lit reveal with a breathing cipher, a stats row drawn from the studio’s real credentials, and a touch build that is a different design rather than a squeezed one.
What we would do again
Three decisions we would repeat on any business this size.
Shoot the actual room
Stock photography is the single fastest way to make a distinctive business look generic. A real client with real color under the real lights does more work than any amount of layout craft, and it is the one asset a competitor cannot copy.
Do not replace software that works
The temptation on a rebuild is to rebuild everything. Booking, payments and client reminders were already running and already learned. The right move was to leave them and spend the budget where the business was actually losing people, which was earlier in the journey.
Design the touch version separately
Almost every visitor arrives on a phone. Treating mobile as the desktop layout compressed is how interactive ideas die quietly. The Formosa band needed a wider light pool, a snap point, and a different gesture contract before it worked at all, and none of that falls out of a responsive breakpoint.
Too early for numbers, and we will say so
This is a recent build, and we are not going to dress up a launch as a result. There is no traffic chart here yet, because there is not yet enough data behind one to mean anything. When there is, it will go on this page with the source named, the way the numbers on the Plastic Parts USA case study are.
What we can say now is what the build was trying to do and why each decision was made that way. If a studio like this one is deciding whether atmosphere is worth building for, that reasoning is more useful than a bounce rate from a sample of three weeks.