A Hair Salon Portfolio That Makes Before-and-After Work Clear

A portfolio is evidence for a decision, not a photo gallery

A salon website’s work portfolio helps visitors compare their own hair and goals with examples of completed work. Rather than adding as many images as possible, make it easy to understand what the client wanted, what service was chosen, and what result was shown. Before-and-after photos without details such as length, color, or relevant service conditions make it hard for visitors to judge whether a similar result might suit them.

For each entry, briefly state: (1) the client’s goal and starting hair condition, (2) the service and the considerations behind the work, (3) when the photos were taken and any care guidance, and (4) which image is the before and which is the after. Make the goal specific, such as “wanted to tone down the reddish cast in previously colored hair.” Do not publish a name or personal story that could identify a client without permission. Take before-and-after photos with similar lighting, angles, and backgrounds where possible. If retouching or styling affects how the result looks, explain that in the caption.

Hypothetical example: Moa Salon, before and after

**Before:** Moa Salon placed six hair-color photos in one row on its website. The images had different service labels and shooting conditions, and the before and after shots were not paired. Visitors could not tell which photos belonged to the same client or whether they could ask about achieving a desired color.

**After:** The salon introduced one featured case with the description “Starting hair: reddish brown; goal: a calm chocolate brown,” then displayed the same client’s before and after photos side by side. The caption explained what the stylist considered when choosing the tone and noted that the lighting differed between the photos. Other cases followed the same format, while services without enough suitable images were left out rather than filled with weak examples. This structure gives visitors more useful information before a consultation without promising a particular outcome.

Materials to gather before building the site

• Before-and-after image pairs, original files, and confirmation that they may be published

• Short notes on the client’s goal, service, and visible result

• Photo timing, differences in lighting or angle, and any relevant care guidance

• Categories based on services the salon actually provides, such as cuts, color, or perms

TalkTalkMySite offers no-code templates, AI chat, and visual editing, so owners can start without coding or design experience. However, it does not automatically verify that case descriptions are accurate or that photo use is authorized. Owners must check the content, layout, business details, and materials themselves. Basic is for a website, Standard for a store, and Premium for a multilingual site. Check whether any connections you need for reservations or payments require separate setup; payments, social login, domains, and shipping may also require setup.

Pre-publication checklist and next step

• Confirm that each before-and-after pair shows the same client and that its caption matches the images.

• Avoid language that guarantees results, and remember that photos alone cannot predict an outcome for every individual.

• Check image order, text size, contact details, and business information on a mobile screen.

• Choose three cases, draft them using one consistent format, then verify each image pair and permission.

Creating a website does not guarantee search rankings or sales, and you should not assume unlimited free use or zero mistakes. The next step is to choose one representative case and check its image permission, description, and before-and-after pairing before preparing the rest.