Cherrywood Hair Co.

Cherrywood Hair Co. is a boutique salon in Austin that offers trendy cuts, color, and style for men and women. Their website needed a style upgrade of its own, so I put a little barbicide to the shears and got to work.

Role: Research, Design, Content Creation
Project Timeframe: 2 months
Tools Used: Figma, Wix

hero section for cherrywood hair co home page

Discovery

The salon’s Wix site lacked cohesive design, the page content was dismal, and the online booking feature needed some help. Aesthetically, it didn’t feel like a salon website; in terms of function, it didn’t offer what clients would expect.

Goals

The salon owners wanted a soft, modern feel for their website whose voice embodied feminine and masculine qualities. They also wanted to blend in the art gallery they used their salon walls for. Additionally, they wanted an improved online booking feature.

Research

I crafted a brief survey to determine the types of clientele that would be interested in Cherrywood Hair Co., which was presented as a trendy salon that featured the latest education in cutting and styling.

Out of 32 respondents, approximately 97% identified as female between the ages of 26 and 45. Their primary reasons for going to a salon were for cuts and color and they revealed that familiarity with a stylist was more important than cost or location.

So something like this…

cherrywood marketing persona sara

Design

I started with a mood board to make sure the clients and I were on the same page with colors and aesthetic. I chose soft rose hues contrasted against a bold dark blue and went with a modern san serif font for ultimate gallery vibes.

cherrywood hair co mood board

I love starting with pencil and paper, but I moved straight to Figma to create low- and high-fidelity versions of the home page. I did this just as a launch pad because I find Wix forgiving enough to work in without too much mapping beforehand.

three panels showing wireframe to finished product from left to right
From left to right: medium-fidelity wireframe, high-fidelity wireframe, published page

Check out the completed Cherrywood Hair Co. website.