Redesigning JOY’s Digital Presence
Joy is a renowned e-commerce brand seeking to enhance the usability and navigation of its digital products.
industry
Services Provided
PLATFORMS
BUSINESS TYPE
Overview
JOY has a global customer base & offers a range of innovative & affordable personal care solutions. The brand aimed to improve its digital experience across web & app, enabling users to easily explore & purchase products.
.avif)
.avif)
.avif)
.avif)
.avif)
.avif)
Navigating complexity
Simplifying Navigation with UI
Redesign and simplify JOY’s website UX/UI to enhance functionality, navigation, and user experience.
The Method Behind Magic
Our Design Methodology
To ensure a smooth project flow, we adhere to the STEP process, an acronym representing Soak, Think, Execute, and Proof. Beginning with UX Research, the UX design case study progresses to strategy and concludes with impactful UI.
Impact
Increased User Satisfaction by simplifying the interface, the website delivered a smoother and more engaging user experience.
.avif)
.avif)
.avif)
Decoding the Ecosystem
A 360° View
We began with extensive research, analysing existing processes and workflows through interviews and market trends.
Inconsistency and unclear navigation
Complex navigation and an inconsistent information hierarchy hampered the design's accessibility.
Improved Sitemap
The website's sitemap wasn’t accurate, making the digital platform unusable and difficult to navigate.
.avif)
Shopping Made Simple
Users value a clean, straightforward experience while browsing and purchasing products.
Joy Influencing Decisions
Clear product information and visuals help users feel confident in their buying choices.
.avif)
Browsing with Ease at Joy
Customers enjoy a smooth, clutter-free, and intuitive shopping journey.
.avif)
Indirect Competitors
Large FMCG and personal care brands such as Nivea, Vaseline, Dove, and Lakmé were considered indirect competitors.
- Leverage strong brand recall to build instant trust with customers.
- Product information is standardised and easy to scan across categories.
- Simple navigation helps users quickly locate familiar products.
Direct Competitors
Digital-first personal care brands such as Mamaearth, WOW Skin Science, Plum, and Minimalist were identified as direct competitors.
- Clear product benefits and ingredients are highlighted upfront.
- Clean layouts support faster decision-making and reduce browsing friction.
- Product variants and pack sizes are clearly differentiated for easy selection.
Core problems
- The old UI lacked structure and clarity.
- Navigation was not intuitive for users.
- Product discovery flow required refinement.
Key Opportunities
- Simplify visual elements for better usability.
- Introduce consistent UI patterns and components.
- Improve user navigation paths through thoughtful layout redesign.
Architecting Experience
From Insights to Frameworks
We redesigned the sitemap and structure to offer a more intuitive journey, ensuring users could move through the platform easily.
.avif)
.svg)
Solution
Simplifying Discovery & Interaction
The redesigned interface clearly presents product categories and key actions.
Smarter Navigation, Better Flow
We reorganised content to let users find what they need faster with fewer clicks.
Clean Interface, Consistent Experience
A modern UI system that supports usability and brand aesthetics.
Form Meets Function
Designing Engaging Interfaces
JOY’s website combines functionality with a cohesive visual identity. Primary colors green and yellow set the tone, supported by soft secondary shades of pink, lavender, and muted green. Typography uses Lora and Roboto, while illustrations and UI components were finalized with stakeholder approval to ensure consistency.
.svg)
.svg)
.svg)
.svg)
Success story
See why we’re not just a UI/UX Design agency; they see us as a strategic partner to their team.
YellowSlice takes the time to understand our business needs. I can count on YellowSlice for fresh perspective, innovative ideas, consistency, solutions and accuracy.
.avif)
More Like this
.avif)
Bajaj-Hamara Mall
Bajaj Hamara Mall is an ONDC platform (Open Network for Digital Commerce). It lets you explore online shopping for electronics, appliances and groceries from top brands and sellers. It offers a unique shopping experience where you can discover a wide range of products with easy EMI plans and zero down payment on selected products.
Stop Guessing. Start Designing.
See why we’re not just a UI/UX Design agency; they see us as a strategic partner to their team.
Good design starts with Sliced Newsletter
Subscribe to the Sliced newsletter and get the best of research, UX writing, product psychology, CX, and design systems, right in your inbox.
