Hair salon

Fern & Foil: A hair salon website, built from one brief.

A salon website that brings the work and the people behind it together. A gallery of cuts and color sits alongside stylist profiles, starting prices, and a form for requesting an appointment.

The brief

The starting brief.

This brief guided the design and content. Compare its goals and details with the website and page previews below.

Purpose
Website for an independent hair salon in East Nashville: the work, the prices, the four stylists, and how to request an appointment
Audience
People in East Nashville and across the river looking for a new stylist, especially for color. Many have been burned by a salon that would not quote a price and want to see real work and real numbers before they commit.
Tone
Warm and direct, like a good stylist with a new client. Real prices, no salon jargon, and honest about what a first color visit involves.
Key facts
  • Four stylists, each with their own specialty: precision cuts, lived-in color and balayage, curly hair, and men's and short cuts
  • Women's cut from 65 dollars, men's cut 40 dollars, kids under 12 30 dollars, blowout 50 dollars
  • Single-process color from 120 dollars, highlights and balayage from 180 dollars, gloss 45 dollars, corrective color quoted after a consultation
  • Free 15-minute color consultations, in person or by phone, before any first color appointment
  • Open Tuesday to Saturday 9am to 7pm, closed Sunday and Monday, walk-ins welcome for cuts when a chair is free
  • Appointments are requested through the site or by phone and confirmed by text or email the same day

The live site

Explore the website.

The pages

From the brief to the finished pages.

Asked for
Open with the work: a few photographs of finished hair, then one line on what the salon is and where. Put the starting prices for a cut and for color on this page because that is the first question. Introduce the four stylists in a row with one line each and link to their page. The hours, the walk-in rule for cuts, and one route to requesting an appointment. Keep the plants and the window in at least one photograph.

The Home page of Fern & Foil at desktop width
Desktop
The Home page of Fern & Foil at mobile width
Mobile

The Stylists

Open this page

Asked for
The four stylists, each with a photograph at their chair, first name only, what they are best at, how long they have been cutting, and two or three lines in their own voice about how they work with a new client. Say which stylist to ask for by specialty. No awards, no certifications, no named academies or product companies.

The The Stylists page of Fern & Foil at desktop width
Desktop
The The Stylists page of Fern & Foil at mobile width
Mobile

Asked for
A gallery page that is all photographs of finished hair, grouped by cuts, color and curls, with a one-line caption on each saying what was done. This page carries more photographs than every other page of the site combined and must never be short of them. One line at the top inviting people to bring a photograph from this page to their appointment.

The Gallery page of Fern & Foil at desktop width
Desktop
The Gallery page of Fern & Foil at mobile width
Mobile

Asked for
The appointment request form: name, phone or email, the service wanted, a preferred stylist if any, preferred days and times, and a note field, with a line that a photograph of the hair now and the hair wanted helps for color. Say they confirm by text or email the same working day. The address as text with a line on street parking, the phone number, and the hours. No map embed.

The Contact page of Fern & Foil at desktop width
Desktop
The Contact page of Fern & Foil at mobile width
Mobile

Updated September 2026

What could your website look like?

Start with your business. Build your first site free.

See example sites
Start building