BACKGROUND
Body By Ez is my personal training website and my very first exposure to web development. I needed a website to showcase my client testimonials, services offered and be able to intake new clients.
Date | Length
July 2017 | ~2 months
Responsibilities
Logo creation + Branding + Web Development
Tools Used
Lightroom + Photoshop + Illustrator
Persona
Natasha
Age: 25
Education: BSc. in Psychology
Occupation: High school Counselor
Hometown: Ottawa, Ontario
Natasha works as a high school counselor and wants to get back into shape pre graduation when she used to run track for college so she can feel better about herself.
Logo Creation Process
After initial meeting with the stakeholder, 2 mood boards were designed which reflected the stakeholder’s preferences. The targeted demographic were men aged 25-39 who valued the way they looked and would come in for a routine haircut. The barbershop would also portray a sense of brotherhood and camaraderie.
Once a theme was established, we proceeded to move forward with logo creation. Final design was achieved after collaborating with the stakeholder.
Mood boards which reflected stakeholder's preference
Initial design was influenced by a classic logo with a modern touch. Color palettes were chosen based on the stakeholder's preference.
Another meeting with the stakeholder revealed that he wanted a cleaner, streamlined look for his logo which is reflected above.
Final design was presented to the stakeholder and was approved shortly after.
Simple sitemap structure of website.
Wireframing
Web Design
The user was kept in mind during web development. Booking buttons were displayed throughout via a filled in pill button for ease of use. Website’s copy was kept in a professional tone to attract mature clientele and prices were displayed for transparency. I opted for a menu style to list different services offered as it was visually appealing and easy to digest.
Homepage features logo towards top left. Navigation bars in the middle. Social media links and booking button on top right for easy navigation.
Website's copy was kept in a professional tone to attract mature clientele.
After doing a competitive audit of local surrounding barbershops, I decided a menu style layout would be best and would differentiate the stakeholder amongst the competition.
Contact info, hours of operation and Google Maps link were added.
Instagram account and Yelp reviews were integrated via coding injection.
After clicking the booking button, user is directed to a scheduling platform.
Barber staff was displayed for user to choose from.
Haircut availability is clearly displayed.
User will receive confirmation email, text and, redirected to Instagram account.
Business Cards
While waiting for shop build out, I decided to proceed with prototyping business card layouts for stakeholder’s approval.
Different layouts of business cards. Stakeholder approved layout 4 to be printed.
Front of Card
Back of Card layout was inspired by playing around different positioning of stakeholder's name.
Photo of cards after printing.
Photo Assets
A dedicated photo day was scheduled after shop build out to be used for marketing and website purposes. Shop build out took about 1.5 - 2months to complete. It included flooring updates, bathroom updates, shampoo bowl installation, front desk reception and window graphics printing and installation.
Final thoughts
Before moving forward with any branding project, it’s very important to set the stakeholder’s expectations and adhere to these expectations. During the early phases of this project, the stakeholder changed his mind very frequently and since it was my first branding project outside of my own projects. I was slightly lenient and allowed the stakeholder to do so, in turn it slowed down the development of the project.