Goal

Tasked with transforming Beau Totale Aveda Lifestyle Salon and Spa website into a premium and intuitive online booking platform that provides a seamless and responsive user experience. The project will focus on creating a seamless and responsive interface with luxurious design elements while ensuring efficiency and consistency across all devices.

Role

UX Designer
UI Designer
User Research
Web Designer

Team

Ryan (UI/UX Designer)
Edi (Project Manger)
Chennaniah (Developer)

Methods

User Personas
Information Architecture
User Flows
Wireframing
Prototyping
Usability Testing

Tools

Client's Requirements

Research and Discovery

In our journey to create standout user experiences, we blend insights from competitive analysis, looking at brands like Sephora, Bliss Spa, and The Body Shop Spa, with direct feedback from users through interviews and surveys. By diving into our competitors' strategies and understanding our clients' needs, we uncover trends and preferences that drive our design innovations. Getting up close with our users lets us truly understand their needs, ensuring our solutions hit the mark. This mix of digging into the competition and talking to users helps us craft experiences that really make an impact.

Interviews and Surveys

I create a welcoming environment where users feel comfortable sharing their thoughts and experiences openly. These conversations allow me to uncover valuable insights into user motivations, pain points, and desires. Additionally, I craft surveys with thoughtful questions to gather data from a broader audience, ensuring a well-rounded understanding of user demographics and preferences. By combining qualitative stories with quantitative data, my aim is to gain a deep understanding of user behavior, emotions, and needs, which will inform design decisions aimed at creating truly impactful and user-centered experiences.

Key Insights

  • Differentiate by providing a seamless digital experience combined with immersive spa treatments, leveraging sensory elements and informative content to enhance user engagement and satisfaction.
  • Offers a visually appealing and user-friendly interface with personalized recommendations and seamless omnichannel integration.
  • Focus on sensory experiences and educational content, providing immersive and informative interactions.

User Personas

In order to create a website that truly resonates with clients, it's essential to have a deep understanding of their needs and expectations. To gain this insight, I developed two user personas that represent the most common types of clients. These personas provide a clear picture of the different goals, challenges, and preferences of the users, helping me to design a website that is customized to their unique needs. Our user personas will act as a guiding force, ensuring that every element of the website is optimized for the target audience.

Information Architecture

In order to create a user-friendly and effective beauty salon website, it's important to establish a clear and intuitive information architecture. After developing user personas and gaining insight into their needs and expectations, I proceeded to create a logical structure for the website that would support their goals. This involved organizing the site's content in a way that makes sense for the user, grouping related pages and sections together and establishing a hierarchy that reflects the user's priorities. By creating a framework for the site in this way, I gained a deeper understanding of the site's content and how it relates to the user's journey.

User Flow

To create a website that meets the needs of both the target audience and the client's requirements, I designed user flows that guide users through the site's various sections and features. I created five user flows based on the most common scenarios that users might encounter and client needs. Each user flow was designed with the user's goals and needs in mind, prioritizing a seamless and intuitive experience. The user flows included clear calls-to-action, logical page sequencing, and helpful prompts or guidance to ensure that users always know what to do next and where they are in the process.

Color Palette

Typography

Icons

Buttons