Herbalife
Multi-level marketing corporation
2023 - 2024
OVERVIEW
Herbalife is a premier health and wellness company, community, and platform that offers high-quality, science-backed products available exclusively through our educated and trained Herbalife independent distributors.
They believe that the one-on-one personalized service inherent in our direct selling business model is ideal for marketing and selling our nutrition products. Sales of our products are reinforced by ongoing personal contact, coaching, education, and the creation of supportive communities.
SITE
Herbalife MVP site live
TEAM
Independent Contributor
ROLE
UX/UI Visual designing
PROJECT DURATION
1 year (2023 March - 2024 June)
SCOPE OF WORK
User Interaction, UI Research, Interaction Design, Visual Design.
What did I Know ?
Herbalife Nutrition has been, and always will be about people. The people with passion for health and community. They help people live better by nourishing them physically, emotionally, and with financial opportunity. And they, in turn, nourish others in the same way.
Initial brief which came to us before starting the project is to develop a comprehensive experience strategy and vision across three segments consumers, distributors and preferred customers – that unifies the disjointed experiences and digital touch points currently in place.Clarify how the company will engage with the segments front-end, set standards for the company’s region to organise around, and motivates browsing, searching, trying, buying, and advocacy of their products and community.
Understanding the Users
User Persona
Primary Research
Preparation: Participated in planning and executing a stakeholder workshop with the Client, Strategy teams, and Dev teams. Prepared for the workshop by conducting research work like mental models and benchmarking.
First Hand Solutions: Created first-hand solutions based on initial research and understanding of the project before getting into the workshop.
Workshop Execution: Conducted the workshop with 5 different groups, each consisting of a mix of all practices. This diverse mix ensured a comprehensive understanding of the project from various perspectives.
Insights Gained: Gained valuable insights about the Distributor website, including user needs and pain points.
Opportunities Derived: Identified opportunities for improvement and enhancement based on the insights gained from the workshop.
Features I worked in this project
Information architecture
Challenges: The existing website had a lack of hierarchy and a cluttered navigation system with multiple features scattered across different portals.
Research Methods: We used card sorting to group the relevant menus and simplify navigation at the same time eliminate the duplicated or unwanted flows.
Solutions:
We proposed a new Information Architecture (IA) where features are grouped based on their behaviour, making the navigation more intuitive.
We simplified the main and global navigation and introduced a footer for additional links and other pages.
We enabled self-service features like initiating refunds, re-ordering products, tracking orders, finding refund status, and printing invoices.
Impact: The new IA and self-service features improved the efficiency of the website navigation, enhanced the overall user experience, and increased the efficiency of our customer service operations.
Product Detailed Page (PDP)
User Frustrations: Identified user frustrations with the current PDP, such as difficulty in finding relevant information (e.g., available flavours, purchase process), lack of breadcrumbs, and absence of relevant product suggestions.
User Fatigue: Recognised that the absence of related products and recipes was causing user fatigue.
Solution Approach: Addressed these issues by designing a new journey that prioritises distributor connections, catering to both authorised and unauthorised users.
Breadcrumb Navigation: Introduced breadcrumb navigation to help users understand their journey and how they landed on the PDP.
Relevant Suggestions: Enhanced user experience by providing relevant product suggestions and recipes associated with the product.
Outcome: The new PDP design improved user satisfaction by making it easier to find relevant information and reducing user fatigue.
Business Challenge : The new PLP design improved user satisfaction by making it easier to find relevant information and reducing user fatigue. Designed a solution that allows users to get a quick overview of the page, reducing information fatigue. For product listing pages in UI design, it's essential to focus on several key elements to create a user-friendly and visually appealing experience.
Design Solutions : Users would save products for later from the PLP and access all my saved products in one place to revisit and purchase them in the future. The following steps were followed as a part of the solution.
•Created mapping components to the mobile and desktop screens and action for all breakpoints accordingly.
•Given guidelines to the design and components placed for the design system library.
Sign in page content
Business Challenge : The Sign In Users can enter their email or username and password in the provided fields. There is an option to check "Remember Me" and a link for "Forgot Password." A prominent "Sign In" button allows users to log in. For new users, a link to "Sign Up" is provided. At the bottom of the page, there are links to the Privacy Policy, Terms of Service, and contact information for support
Design Solutions : Users can enter their email or username and password in the provided fields. There is a checkbox for "Remember Me" and a link for "Forgot Password?" A "Sign In" button is placed below the fields. Users can also sign in with Google or Facebook, shown by their buttons. New users can click the "Sign In".
• Designed Sign in for HLF+ content for premium access for Sign In and Create account
• Created Sign in HLF+ design screens for all devices .
Self Learning flow – My HL
Business Challenge : The Self Learning Flow – My HL section on a website is designed to provide users with a personalized learning experience. This section typically includes a curated set of resources, tutorials, and interactive modules that users can access at their own pace. It offers a structured learning path, progress tracking, and personalized recommendations based on the user's interests and goals.
The existing Distributor dashboard lacked structure and hierarchy, leaving distributors confused about where to start. Conducted pre-workshop research with stakeholders to gain insights and formulate relevant questions for the workshop.
Design Solutions : The restructured dashboard was well-received, providing a consolidated, clean, and crisp user experience. Introduced a gamification element to ensure a smooth transition for users to the new site.
• Created mapping components for mobile and desktop screens and actions for all breakpoints accordingly.
• Placed designs for all devices according to guidelines.
Distributor Research Part
Business Challenge : The Distributor Research Part – Information Architecture section on a website is designed to organize and present information in a clear and logical manner, specifically for distributors. It includes structured navigation and categorization of resources such as market analysis, product information, sales data, and training materials.
Design Solutions : A design solution to approach to creating and organizing visual and interactive elements of a digital product, including the use of icons to enhance visual communication. Icons are used to visually represent functions, features, or sections, making the interface more intuitive and easier to navigate.
• Proposed a new Information Architecture (IA) where features are grouped based on their behavior, making the navigation more intuitive.
• Simplified the main and global navigation and introduced a footer for additional links
• Enabled self-service features like initiating refunds, re-ordering products, tracking orders, finding refund status, and printing invoices.
My Learnings
• Understanding the Design problem from multiple user personas gave a broader perspective
• Funneling the needs of each user persona provided a unique solution corresponding to each of them
• Managing large categories of data and syncing them for ease of the user
• Understanding the core pain points of the users and driving a solution around them.
• Understanding complex systems
Let's Connect!
Feel free to reach out for Non-profit collaborations or just to say 'Hello'
rajeshdesign01@gmail.com