Em Dep Aesthetics
Em Dep Aesthetics is a Vancouver based beauty studio specialized in professional cosmetic and skincare services.
Date
Sept 2024 - Nov 2024
Timeline
3 months
Role
Brand & Web Designer
Deliverables
Brand Identity
Responsive Website
Table Of Contents
Problem
Em Dep Aesthetics relied on social media and a booking link, but this setup didn't reflect its brand identity or provide enough information about the business.
Research
Competitive Analysis & Interview
I reviewed local competitors to identify effective design elements for beauty websites and interviewed the my client to understand her brand values. She wanted a clean, minimalist site that felt modern and professional.
Combining her vision with my research guided the overall design direction.
Goal
User Goals
- •Understand services & pricing quickly
- •Understand quality of care
- •Book appointments without friction
Business goals
- •Increase online visibility
- •Reduce DM workload on owner
- •Modern brand and website to standout in marker
My Process
I created a mood board from Pinterest and Cosmos website to gather inspirations.
With a minimalist design in mind, I explored clean layouts from different websites and put them together like puzzle pieces to create the right vision.
Typography
With the typography, I wanted to incorporate a clean, modern and elegant look just like what the client has requested.
Color Palette
I chose these colours to give a sense of calm, yet timeless feeling to support that modern and elegant look.
Logo
The Em Dep logo was designed to reflect the brand's clean, modern, and professional identity. Its minimalist form and elegant typography convey beauty and trust to portray Em Deps beauty services. To the brand identity separately, click here
Website Design + Development
Using the mood board as a foundation, I followed the same modern visual direction and designed the experience mobile first in Figma. I then built the website in WordPress using Blocksy and Kadence, which allowed me to work more efficiently through their premade layout components.
I also implemented SEO best practices which included optimized headings, alt text, metadata, and fast load performance in order to improve discoverability and help the studio attract new customers organically.
Desktop View
Take a closer look at my work in the figma file!
Desktop Low-Fidelity Wireframes
Check the low fidelity wireframes here
Mobile Wireframes
Results & Impact
After Launch
- •Clients found key information much faster
- •Fewer DM's and tasks for the owner
- •Brand increased trust
- •New customers online
- •Bookings are generated organically
Reflection
As my first client project, I learned many lessons that will carry forward into future work:
- •Businesses don't always have time for frequent communication, so it's best to clarify all key details early on.
- •I learned how to manage my time effectively over the 2.5 month project period by planning and organizing my workflow using tools like Notion and Google Calendar.
- •I used real data to identify what was working and what wasn't, allowing me to continuously improve the website.
