1 of 24

Sweetie Angel Atelier

Charlotte Truong

Website Design

2 of 24

Overview

Problem

Sweetie Angel Atelier lacks a user-centric branding strategy and online platform, hindering their ability to effectively showcase their work, manage operations, and provide a seamless experience for clients.

Solution

Created a visually striking website for Sweetie Angel Atelier that showcases their unique nail art, reinforces brand identity, and highlights their commitment to healthy, trendy nail designs, all aimed at boosting their online presence and attracting new clients.

Impact

The new website transformed Sweetie Angel Atelier's online presence, showcasing their work and client testimonials in a professional manner, which helped build trust and attract new customers to the small nail salon.

3 of 24

USER RESEARCH

4 of 24

Background Research - Stakeholder

  1. Important features
  2. Easy navigation for clients booking
  3. Clear policies (cancellation, booking/late fees, etc.)
  4. Services & prices offers

  • Target audiences
  • Women who love taking care of their nails and wants to get beautiful design
  • New clients

  • Business goals & ethics
  • Offer premium products in a safe and gentle environment to maintain the health of your nails.
  • Guarantee nails will last 3-4 weeks, meaning clients can save time and money.

5 of 24

User Research - Clients

"Transparency in essential information, particularly regarding booking policies and pricing are important to me. I am frustrated with hidden fees and emphasized the need for clear cancellation policies."

"Without being able to see other customers' experiences, I felt hesitant to book. It's inconvenient and makes me less confident about the service quality."

"I want to know what products they use and which ones are best for my nails. My goal is to have healthy and strong nails after the pedicure."

6 of 24

Problem Statement

Sweetie Angel Atelier lacks a user-centric branding strategy and online platform, hindering their ability to effectively showcase their work, manage operations, and provide a seamless experience for clients.

7 of 24

Competitors Analysis

Strengths

Weaknesses

  • Transparency through clear service offerings & prices
  • Heavily emphasizing visually appealing images
  • Social media platforms
  • No clear policies customer testimonials
  • Inconvenient CTA on the website (“Book now” button).

  • Clean, minimalistic design with visually appealing images.
  • Utilizes a gallery section and landing page to provide necessary information.
  • Transparency policy section
  • Not a lot of detailed information.

8 of 24

IDEATIONS

9 of 24

Storyboard

Mary just moved to the new city for work

She wants to do her nails before work

Since she’s new here, she starts searching for local artist.

She went through Sweetie Angel Atelier website and read testimonials

Decided to book an appointment

She’s very satisfied with nail services.

10 of 24

User Scenario

11 of 24

Persona - Stakeholder

Having two personas (stakeholders and clients) ensures that website serves both:

  • operational needs of the business
  • the clients’ experience

→ more effective and satisfying online presence.

12 of 24

Persona - Clients

13 of 24

Sketches

Initial sketches and brainstorm for Landing page

    • Layout
    • Necessary information to display
    • Contact information
    • Clients’ reviews

14 of 24

PROTOTYPE

15 of 24

Wireframes

Landing page Ver 1

Ver 2

  • Wireframes on the various possible appearances of the interface.

  • Two version of the Landing page & started with a A/B testing

16 of 24

A/B Test

Test whether a full-page design combining Hands & Pedicure services is too lengthy for users to navigate effectively.

Compare user engagement between minimal design and photo-rich design of the Hands services page

Evaluate if a standalone Pedicure page provides sufficient content or too brief.

17 of 24

User Testing

  • Cluster Layout
    • Users expressed discomfort with the dense clustering of text and indicated a preference for more visual elements

  • More information pages
    • Users want additional informative pages, including sections for privacy policies, a gallery, gift cards, and booking guidelines.

  • Call-to-action Buttons
    • Incorporate more CTA buttons to enhance client engagement and encourage exploration of the pages.

18 of 24

UI Style Guide

Stakeholder request:

  • Aesthetic, more luxurious feeling
  • Preferably green & gold (but not too dark)

Per the client's request, we incorporated current logo into brand colors for interface design.

19 of 24

FINAL DESIGN

20 of 24

Final Product

21 of 24

TAKEAWAYS

22 of 24

Reflection

  • Throughout this project, I encountered my first experience working directly with a client outside of the structured environment of a Boot Camp. Initially, I grappled with self-doubt, questioning my professionalism, knowledge, and skills.

  • As I progressed, I focused on applying the methodologies and tools I had learned, adapting them to the specific needs of this project and constantly iterated on feedbacks.

  • The client's positive response to the final deliverables was both reassuring and enlightening. Their compliments not only validated my efforts but also provided valuable insights into the effectiveness of my UX approach.

Our client is delighted by the website design and eager to implement and share it.

23 of 24

Future Plans

Moving forward, I plan to build on this experience by:

  • Continuing collect feedbacks from Sweetie Angel Atelier’s clients and iterate more.
  • Design Booking section (including calendar, booking systems, etc)
  • Develop on a platform and bring the website to life

�This project has been a significant milestone in my UX career, marking my transition from a student to a practicing professional. It has reinforced my passion for user-centered design and my commitment to delivering impactful solutions.

24 of 24

Thank You

Charlotte Truong