YADAV Jewelry Website Design

Developing a state-of-the-art website for YADAV by adopting a holistic approach that includes a fresh UI/UX design. The project entails in-depth research, competitive analysis, user journey mapping, pain point identification, and the development of information architecture. It also involves creating detailed documentation, wireframes, mockups, and prototypes. Furthermore, this effort seeks to improve the product search, checkout processes by introducing new features.

My Role

Product Designer

Team

2 Product Designers
1 Product Manager
1 Content PM
Engineer Team
‍

Duration

6 months
‍

OVERVIEW

Identify User Pain Points
Inconsistent Visual Elements
Users are often confused and distracted by the inconsistent visual elements across the website. These inconsistencies make it difficult for users to navigate the site smoothly.
Confusing Navigation
Users frequently encounter difficulties navigating through the website due to unclear menu structures and inconsistent labeling.
Limited Payment Options
Customers face frustration due to the limited payment options available during checkout.
Restricted Customization Experiences
The interactive tool is very inefficient and hard to use, which easily frustrated the users customization experiences.
Competitors

To ensure our approach was both innovative and aligned with industry standards, we carefully conducted a thorough analysis of competitors' products. This allowed us to identify key strengths and weaknesses in their designs, providing valuable insights that informed our strategy for addressing inconsistencies and enhancing the overall user experience.

Tiffany's Website
──────
1. Elegant and consistent visual design;
2. Intuitive menu structure;
3. Focus on storytelling;
4. Smooth customization experience (guided navigation);
5. Simplified checkout with multiple payment options and a clear summary of the purchase;
6. Offers guest checkout helps reduce barriers to purchase for new customers.
Brilliant Earth's Website
──────
1. Ethical Branding and Storytelling:
- Clear ethical messaging
- Offers educational content
2. Consistency in visual elements
3. Intuitive navigation: Filtering and Sorting Options
4. Strong customization experience: interactive design tools
5. Effective use of Calls to Action and personalized recommendations
Solution

To address the challenges identified in the analysis and elevate the user experience, we propose a comprehensive redesign and optimization strategy. This solution focuses on improving visual consistency, information architecture, enhancing customization features, expanding payment options, and refining the overall navigation and usability of the website.

Colors and Fonts

──────

We chose these colors to convey a sense of sophistication and timelessness. They provide strong contrast, ensuring readability and emphasizing key elements without overwhelming the design, and they align with the brand’s values.

Icons

──────

Home Page

──────

Home page structure: Header, Main navigation, Main Banner, Diamond filters, Category filters, About Yadav, Customer reviews, Yadav Benefits, Social media section, Best sellers, Footer.

Navigation

──────

Engagement Rings, Wedding Bands, Diamonds, Fine Jewelry, Diamond Education, About Us

Home Page/ Navigation Prototype

Checkout Flow

──────

User flow: Proceed to checkout, Is the user logged in?, Login or create an account (optional), Enter shipping address, choose shipping method, Enter payment information, Is payment successful?, Place order, and Order confirmation.

Checkout Process

Customization Flow

──────

Choose setting (metal color), Diamond, Complete the ring (Choose the size), Add to shopping cart.

Filters

──────

Engagement ring filters, Wedding bands filters, Diamond filters, Fine jewelry filters.

Filter/Customization Flow Prototype
< PREVIOUS PROJECT
Organizr
NEXT PROJECT >
E-Commerce Site Furnitre.