Home / UX/UI Design /Glow-Tone Project
I meticulously designed the UX/UI for Glow-Tone's website to highlight its expertise in airbrush tans and rejuvenating body treatments. The aim is to convey a commitment to delivering flawless and radiant transformations.
I meticulously designed the UX/UI for Glow-Tone's website to highlight its expertise in airbrush tans and rejuvenating body treatments. The aim is to convey a commitment to delivering flawless and radiant transformations.
My Roles
- UX / UI Designer
- UX Researcher
- Prototype Design
- Responsive
- Website Design
Tools
- Figma
- Adobe Photoshop
- Figjam
- WordPress
Client
- Glow-Tone
- April 2022- July 2022
- 16 Weeks
The challenge: Captivate clients with an online showcase of our airbrush tans, transformative skin treatments, and rejuvenating products.
The challenge: Captivate clients with an online showcase of our airbrush tans, transformative skin treatments, and rejuvenating products.
Merging Glow-Tone’s established multi-body and rejuvenating treatment empire with their newly acquired airbrush tan business presented a captivating, yet complex, digital challenge. Crafting a website that seamlessly showcased both offerings, captivating diverse audiences, and maintaining brand cohesiveness, required a deft hand. I seized this opportunity to design an online experience that not only illuminates Glow-Tone’s comprehensive suite of skin-transforming services but also seamlessly integrates the airbrush tan offering, attracting both loyal clientele and new customers seeking that bronzed-to-perfection glow.
User Interviews
User Interviews
I conducted interviews with four individuals to delve into their experiences with airbrush tans and rejuvenating body treatments. My primary objective was to identify the essential elements and challenges that shape their decision-making processes when seeking these services on the internet.
User 1 Question
User 1 Question
How do you fee about the thought of combining airbrush tan services with multi-body and rejuvenating treatments, all in one convenient online space?
User 2 Question
User 2 Question
How frequently do you find yourself hopping online to book your favorite beauty and wellness treatments?
User 3 Question
User 3 Question
What would make the online search process for airbrush tan businesses or rejuvenating body treatments more seamless and enjoyable?
User 4 Question
User 4 Question
What challenges do you typically face when browsing for airbrush tan businesses or rejuvenating body treatments in a website?
Affinity Mapping
Affinity Mapping
User interviews have revealed critical insights essential for enhancing the online experience of Glow-Tone, a company seeking assistance in merging their newly acquired airbrush tan business with their existing multi-body and rejuvenating treatments. These insights, comes from four carefully crafted questions, offer a clear understanding of users’ interactions with the online processes of buying airbrush tans, multi-body, and rejuvenating treatments. Users underline the importance of an intuitively designed website, easy navigation, and accessible information regarding airbrush tan products.
Insights from User 1
Positive Aspects
Easy navigation for airbrush tan products
Common Pain Points
Confusing checkout process for airbrush tan and services
Insights from User 2
Positive Aspects
Variety and detailed information for treatments.
Areas of Improvement
Clarify product descriptions for better understanding.
Common Pain Points
Difficulty
Comparing
Policies
Insights from User 3
Positive Aspects
Personalized recommendations
Areas of Improvement
Slow-loading pages affecting overall experience.
Common Pain Points
Unclear product descriptions causing uncertainty.
Insights from User 4
Positive Aspects
Personalized recommendations
Areas of Improvement
Clarify product descriptions for better understanding.
Common Pain Points
Slow-loading pages affecting overall experience.
Insights
from User 1
Insights from User 1
Insights
from User 2
Insights from User 2
Insights
from User 3
Insights from User 3
Insights
from User 4
Insights from User 4
Positive Aspects
Easy navigation for airbrush tan products
Variety and detailed information for treatments.
Personalized recommendations
Personalized recommendations
Areas of Improvement
Clear
Coverage
Information
Clarify product descriptions for better understanding.
Slow-loading pages affecting overall experience.
Clarify product descriptions for better understanding.
Common Pain Points
Confusing checkout process for airbrush tan and services
Difficulty
Comparing
Policies
Unclear product descriptions causing uncertainty.
Slow-loading pages affecting overall experience.
Persona
Persona
Meet Donna a 35-year-old woman who, is a hard-working entrepreneur. She values looking good as part of her self-care routine, with goals centered around professional success, maintaining a polished appearance, and achieving a balance between work and personal life. Frustrations include limited time for personal grooming due to a busy schedule and occasional difficulty finding exclusive self-care services. Her behaviors include a focus on self-care, investing time in looking polished, and occasional exploration of exclusive beauty and wellness services.
donna
JOB
Entrepreneur
More Information
Age:
35
Education:
Bachelor's Degree in Business Administration
Status:
Married
Location:
Upscale Urban Area
Background
Goals
Fraustration
Behaviors
Feature Prioritization
Feature Prioritization
Introducing the Feature Prioritization Table, I have meticulously evaluated and ranked key features to prioritize my focus and resources effectively. Each feature is assessed based on its priority, feasibility of implementation, and the anticipated impact on user experience
User Flow
User Flow
Based on the insights gathered from user interviews, affinity mapping, persona creation, and feature prioritization, the user flow for the online home title insurance purchase process can be outlined as follows. The journey begins with users navigating from home page on the website, guided by a clear understanding of the user flow. As users delve into the title calculator, they seamlessly find the information they need, enhancing usability.
Site Sketches
Site Sketches
During the creation of high-fidelity wireframes, I conceptualized designs for various sections, including the home page, services, individual services, online store, and a single item from the store. Opting for loose sketches proved advantageous as it facilitated prompt pre-approval for the overall layout structure.
Style Guide
Style Guide
In the development of this website, my main goal was to establish a design that prioritizes simplicity and user-friendly navigation. My primary focus during the creation of the style guide was to craft clean and user-centric elements. By adhering to these principles, the intention is to offer a seamless and straightforward user experience, ensuring that each interaction with the website is intuitive and user-friendly.
High-fidelity Prototypes
High-fidelity Prototypes
Within the High-Fidelity Prototypes section, the client gains insight into how our extensive research has contributed to the development of a website centered around user needs and preferences.
Usability Testing
Usability Testing
I engaged in insightful interviews with four participants, aiming to unravel the dynamics of their interactions and evaluate the user-centered design of the website. The focal point of these interviews was to get into the end users’ perspectives, comprehending how they perceive and interact with the website.
Task One
Show me how you book a rejuvenating body treatment online, how you navigate payment options, and how you finalize the booking process.
Task Two
Show me how you access the Airbrush Tan Services page, how you choose a particular airbrush tan service for in-depth details, and express your overall thoughts on the website’s design and user interface.
Result Analysis
Result Analysis
Issues
Issues
- Participants reported minor navigation challenges, signaling the need for improvements.
- Concerns were raised about potential disruptions during the merger process.
- Minor hiccups were reported in the booking process, indicating room for enhancement.
- Participants expressed a clear need for services to be more distinctly defined, and a wish for additional details post-merger, highlighting the significance of improved clarity and a richer pool of information.
Feedback
Feedback
- Users stressed the critical need for a seamless transition and the importance of receiving clear information during the merger.
- Participants desired a quicker checkout process and a more streamlined booking experience to enhance overall efficiency.
Next Steps
Next Steps
Issues
Issues
- Address minor navigation challenges reported during the interviews
- Develop a communication plan to alleviate users’ concerns regarding potential disruptions during the merger.
- Prioritize the creation of a seamless mobile experience.
- Enhance the differentiation of services to meet participants’ desire for clearer distinctions.