Carla B Makeup Studio Website
Figma, Slack, Zoom, Notion
Feb.26, 2024 - Mar.22, 2024
Sabrina, Fernanda, Thalia
Design Project
Overview
-
We were trying to express Carla herself and her passion for beauty on this website. Throughout a couple of meetings with her, we could hear her background, experience, and what she has in her mind.
-
Based on that information, we conducted research, and competitive analysis, and ideated the solutions. After that, we moved to the design process.
-
The most struggling part was the “Services section”. It was hard to compile the services that she provides. We talked a lot and spent more time creating this section than other parts. Carla also told us the services that she wanted to highlight more, so we finally made it based on her opinion.
Design Process
-
Filled out empathy map and business model canvas to understand clients and organize her information and her goal.
-
Conducted research and competitive analysis
-
Discussed and decided the website structure.
-
Created mood board to convey the concept.
We've decided to create something different from other beauty salon websites, so avoid using big images and create only one page regarding her budget and minimalist design. Additionally, we respected Carla's Brazilian mind and put that into the design of this website.
-
As our next step, we built a style guide of typography, font size, and color and created a prototype. After that, we created wireframing, prototyping, and usability testing.
Prototyping
-
This website has a vertical scrolling flow. This structure allows users to simply navigate on it and allows them to discover the information effortlessly.
-
Top Navigation Bar - We chose the leaf icon as a symbol of Brazilian beauty. This icon always brings users to the hero screen and all sections. When users hover over each menu, the under bar appears which is consistent with the title of each section.
-
Hero Screen - We applied the picture of Monstera which shows the Brazilian mood. On the top, there is a logo of this beauty salon that describes the concept of this salon.
-
CTA button - Originally we put “Booking” on the CTA button. However, we changed to “Contact me” with a WhatsApp icon to make it more user-friendly based on a usability test.
-
What I do - In this section, she can tell her professionalism to potential customers. This section also includes testimonials that give reliability to future clients.
-
Gallery - Each picture leads users to the Instagram account which is the most important channel that Carla is using today. Also, it enables users to have a visual reference of Carla’s work.
-
About me - This section includes a quick overview of the services that Carla offers and it also allows clients to get to know more about who is behind.
-
Services - We separated 4 categories, Makeup, Hair make, Bridal package, and Master class.
-
FAQ - This are the most common questions asked by clients according to Carla.
-
Footer - All the information summarized in the final section of the website.
Pros and Cons of our design
Pros
-
The biggest pro of using Canva as a second tool is that it allows to deliver a website that can be used. As for the design it was a simple design that allows users to have all the information easily in just one page.
-
We tried to focus on the most important information and keep the color selection simple. In the figma prototype the user can always find the navigation bar for easy access.
Cons
-
On the other hand, using Canva has a lot of limitations. We aimed to make a simple and minimalist design and implement it with Canva so we created only one page. However, we need to use other tools or do something when she wants to generate more pages in the future.
-
The booking system of this website is to contact Carla via WhatsApp. But when she gets more clients than now, she needs to implement WhatsApp for business to manage her bookings precisely.
Plans for future
In this project, our intention was to deliver something that our client can use without investing more. This was consider due the limitations of the project on first instance. Even though we managed to reach the goal in terms of this delivery, the design part was a little bit missed out of sight.
So for the future it would be amazing if developing can be done, and also it would give give the chance to create a booking systems that allows Carla to manage her clients.