Siva Portfolio

PROBLEM STATEMENT

To Design a website for a Makeup Artist based in Canada.

Overview

The objective of this project is to design a visually appealing and user-friendly website for CB Beauty - a makeup artist in Canada. The website aims to showcase the makeup artist’s services, make the enquiry process easy for the users, and increase brand awareness. The services she offers are Bridal Makeup, Special Occasion Makeup, Editorial, photographic and Makeup Classes and Workshops. The new design is currently under development process.

Target Users

Local customers seeking makeup and hair services.
Potential customers looking for information about the makeup artist’s offerings, pricing, and availability.
Individuals interested in learning more about the makeup artist's expertise, and customer reviews.

Research

Target Audience: Aimed towards brides or a more demanding clientele.
Researched on competitors and their unique selling propositions to make Carla’s website standout and still represents their aim.
Conducted user surveys and In-depth interviews with the target users to understand their needs.
Created user personas, site map and customer journey mapping.

Present their portfolio.
Sell makeup products.
Simplify appointment scheduling.
Increase brand awareness.
Provide educational content.
Color Preference: Soft and delicate colours.
Style Description: Sophisticated.

Findings & Pain Points

Complex Navigation: Multiple layers of menus or confusing categorization can lead to frustration and abandonment.
Limited Service Descriptions and reviews: Incomplete or lack of detailed descriptions and no reviews can leave potential customers unsure about the brand's offerings and lose trust.
Lack of information about the makeup products they use.
Lack of Mobile Optimization: There should be a way to direct them to social media apps like instagram to get updates from the brand instantly. Users increasingly access websites through mobile devices, and a lack of mobile optimization can result in a poor user experience.
Inadequate Contact Information: Difficulty finding contact information, including phone numbers, email addresses, or social media links, can frustrate users trying to reach out to the salon for inquiries or assistance.
Insufficient Visual Representation: Users may be seeking visual representations of the makeup artist's work, including before-and-after photos, to assess the quality of services.

Information Architecture

Features & Solutions Proposed

1. Present her portfolio and gallery for all the categories.

2. Simplify appointment scheduling through whatsapp floating CTAs instead of Contact Form.

3. Link Social media like instagram directly.

4. Highlight Successful client statistics.

5. Client testimonials.

6. Services and Packages lists.

View Website

Design

Visual Design and Branding: Creating a visually appealing elegant design that aligns with the salon's brand personality, incorporating colours like pastels, and sophisticated typography.
Floating Whatsapp CTA to redirect the client to her whatsapp business to get enquiry and this also helps to send automated responses if she is unavailable during that time.
Customer Reviews and Testimonials: Featuring auto-carousal customer reviews and testimonials section to build trust and credibility.
Contact Information and Location: Providing the brand's contact details, including address, phone number, email, and social media links.
Responsive Design: A way to direct them to social media apps like instagram to get updates from the salon page instantly from mobile.
Blog Pages for 3 separate sections like educational contents , makeup products she uses and brands she collaborates with.

Wireframes

Style Guide

Challenges Faced and How I solved them

Brand Consistency: One constraint is maintaining brand consistency across the website. We overcame this by establishing clear brand guidelines that dictate the colour palette, typography, imagery style, and overall visual identity.
Aligntment : Maintaining alignment consistency when all the team members were working separately was a challenge even though we had a style guide. So after everyone was done with their design, I tweaked all the alignments to make it consistent through out all the pages.
Content Accuracy and Approval: Ensuring the accuracy of client’s information, services, and pricing. Obtaining necessary approvals from the artist for content and visual elements.

Testing & Refinement

Conducted usability tests and gathered feedback from users at a hair and nail salon and client to evaluate the effectiveness of the CB beauty website. Iteratively refined the design and functionality based on user insights and preferences.

Roles and responsibilities

This is a team project we made for a client in 2024. My role in UX was to conduct user interviews , I played a role in competitor analysis and simplifying appointment scheduling by adding whatsapp contact CTA and link social media directly. I also was responsible to design Home and Blog Sections and keep check of alienments through out all the pages.

Challenges Faced and How I solved them

Visually Appealing and elegant.
Simplified appointment scheduling.
Increased Engagement: Interactive elements and immersive visuals encouraged users to explore the website and spend more time engaging with the content.
Improved Brand Perception: The creative design and professional presentation helped establish the company's credibility.
Mobile Accessibility: Directed them to social media apps like instagram to get updates instantly from mobile.

Process & What I did

This was a project done by team of 4 including me.
I studied the target audience after knowing the client’s needs, to know their pain points and developed solutions for their needs and issues they are facing.
I worked on studying the competitors and proposed features that will meet the client’s requirements and stand out from its competitors.
I created some low-fi screens for ideas and Hi-Fi wireframes.
We all came up with a mockup design each to present to the client. And after we got approval from the client then we created the rest of the style guide.
In branding my team created a logo, Colour palette, typography and created a style guide.
Visually designed the page and created the prototype for it and tested it out with the users.
Then took the feedback from the client and made changes according to her needs and repeated the testing process.
When the design was finalized I handed it over to the developer.

PROBLEM STATEMENT

Overview

Target Users

Research

Findings & Pain Points

Features & Solutions Proposed

Design

Wireframes

Style Guide

Challenges Faced and How I solved them

Testing & Refinement

Roles and responsibilities

Challenges Faced and How I solved them

Process & What I did

Choose The Next Case Study