Jockey India

e-commerce website

Crafting experiences with better conversions

hero banner

Jockey India's UI/UX redesign streamlined registration, enhanced product visibility, and created a seamless user experience to boost sales and strengthen brand perception.

Our Team

Head of Design
Siddharth Bajpai
Account Manager
Pratibha Mishra
Project Lead
Shivam Tiwari
UI Lead
Toral Mistry
UX Analyst
Praneeth Ravi
Sr. UX Designer
Snehal Khandelwal
UX Designer
Muskan Bhatia
UI Designer
Pravin Gawali
UI Designer
Rickma Mary
UI Designer
Madan Ragunath
Interaction Designer
Bharat Dhimmar

Problem Statement

Jockey India’s e-commerce platform faces high cart abandonment rates, with 75% of users discouraged from completing their purchases due to a lengthy registration process. Additionally, the current platform fails to effectively showcase Jockey’s diverse product range beyond innerwear, limiting product visibility and user engagement.

Challenge visualization

Our Strategy

<strong>Streamline the Registration Process:</strong> Simplify and shorten the registration steps to reduce friction and cart abandonment. Enhance Product <br/><br/><strong>Visibility:</strong> Design an interface that effectively showcases the entire product range, emphasizing categories beyond innerwear. <br/><br/><strong>Improve User Engagement:</strong> Implement a modern and intuitive design that captivates users and encourages exploration.

Stakeholder Mapping

<p><strong>Objective:</strong> Identify and understand the roles and influence of all stakeholders involved in the project.</p><p style='padding-top:4px; padding-bottom:4px;'><strong>Process:</strong><br/><p style='padding-left:8px;'> • Conducted interviews and workshops with primary, secondary, and tertiary stakeholders.</p><p style='padding-left:8px;'>• Mapped relationships and influence levels to ensure all perspectives were considered.</p></p><p style='padding-top:4px;'><strong>Outcome:</strong> Comprehensive understanding of stakeholder needs and expectations, enabling informed design decisions.</p>

Design system showcase

User Analytics Study

<p><strong>Objective:</strong> Analyze user behavior to uncover insights about navigation patterns, engagement levels, and pain points.</p><p style='padding-top:4px; padding-bottom:4px;'><strong>Process:</strong><br/><p style='padding-left:8px;'> • Collected and examined quantitative data from web analytics tools.</p><p style='padding-left:8px;'>• Identified high drop-off points, frequently accessed pages, and common user paths.</p></p><p style='padding-top:4px;'><strong>Outcome:</strong> Data-driven insights that highlighted key areas for improvement in the user journey.</p>

Interactive features

Competitor Analysis

Gain valuable insights into market dynamics and competitor positioning through our comprehensive quadrant analyses. Explore the latest traffic growth trends, brand perception metrics, and cost-effectiveness data to inform strategic decision-making and stay ahead in the competitive landscape.

Mobile experience

Implementation Homepage & Navigation

The objective was to modernize the homepage to reflect Jockey’s brand image and improve user engagement. By applying visual and interaction design principles, we created a more engaging interface. The layout was enhanced to highlight key products and promotions, and navigation was improved to ensure easy access to all product categories. The result is a visually appealing and user-friendly homepage that enhances brand perception and encourages exploration.

Content strategy

Implementation: Product Listing Page

The objective for the Product Listing Page was to maximize product visibility and facilitate easy product discovery. We redesigned the layout to showcase a broader range of products and used color theory and visual hierarchy to highlight important elements. Additionally, filters and sorting options were implemented to improve usability. The outcome is an enhanced product listing page that makes it easier for users to find and explore products.

Implementation features

Implementation: Product Detail Page

The objective for the Product Detail Page was to provide detailed product information for informed purchasing decisions. We enhanced images with zoom, improved descriptions, and added customer reviews and ratings. The result is a page that boosts user confidence and facilitates informed decision-making.

Implementation features

Implementation: Checkout Process

We designed to simplify and secure the payment process to reduce friction and enhance user confidence. We streamlined the steps, implemented secure payment gateways with clear progress indicators, and added features like guest checkout and auto-fill options. The result is a smooth and secure checkout process that reduces cart abandonment and improves conversion rates.

Implementation features

Impact

<p style='padding-bottom:8px'><strong> Increase in Conversion Rates: </strong> The streamlined registration and checkout processes significantly reduced friction, resulting in a notable increase in conversion rates. </p><p style='padding-bottom:8px'><strong>Higher Average Order Value (AOV):</strong> Enhanced product visibility and detailed product pages encouraged users to explore and purchase more items, leading to an increase in the average order value.</p><strong>Improved Engagement Rates:</strong> The modernized design and improved navigation kept users engaged for longer periods, reducing bounce rates and increasing overall user satisfaction.

Our Strategy

<p style='padding-bottom:8px'><strong>Create a Seamless Experience: </strong> Design a frictionless user journey that caters to all age groups, ensuring ease of use.</p><p style='padding-bottom:8px'><strong>Increase Sales: </strong> osition the website as a primary sales channel, competing with major retailers to boost online revenue.</p><p style='padding-bottom:8px'><strong>Strengthen Brand Experience:</strong> Use strong visuals and user-centric design to enhance brand perception and loyalty.</p><p style='padding-bottom:8px'><strong>Provide Information:</strong> Develop a trusted platform that offers comprehensive product information and guides customer decisions.</p>

Deep User Analytics Study

The objective was to gain deep insights into user behavior and preferences using advanced analytics. By leveraging sophisticated web analytics tools, we gathered detailed user data, identified critical drop-off points, popular pathways, and key engagement metrics. This resulted in actionable insights that pinpointed precise areas for enhancing the user experience.

Deep User Analytics Study

StakeholderInterviews

<p style='font-family:Poppins;'>In the stakeholder interviews, key insights emerged:</p><p style='padding-left:8px; padding-top:8px;font-family:Poppins; '>• <strong> Enhanced UX: </strong> Stakeholders emphasized the need for a smooth, frictionless experience catering to all ages, especially online researchers.</p><p style='padding-left:8px; padding-top:8px; font-family:Poppins;'>• <strong>Increased Sales: </strong> There was a focus on competing with major retailers and becoming a primary sales channel, with a goal of potentially doubling revenue within five years.</p><p style='padding-left:8px; padding-top:8px;font-family:Poppins; '>• <strong>Brand Experience: </strong> Stakeholders stressed the importance of showcasing Jockey through strong visuals and user experience, extending beyond mere transactions.</p> <p style='padding-left:8px; padding-top:8px;font-family:Poppins; '>• <strong> Informative Platform: </strong> The platform should serve as a trusted source of information for all customers, ensuring comprehensive and accurate details.</p>

Stakeholder Interviews

Enhanced Competitor Analysis

The objective was to enhance competitor analysis by understanding advanced strategies and innovations. Thorough competitor audits focused on digital strategies, evaluating user experiences, design elements, and technological implementations. This process positioned Jockey's digital strategy to leverage identified opportunities, resulting in strategic insights that positioned Jockey ahead of competitors through innovation.

Enhanced Competitor Analysis

User Survey & Field Research

The objective was to gather comprehensive user feedback to guide design improvements through detailed surveys targeting specific user segments. Data on user satisfaction, preferences, and pain points was collected and analyzed, alongside in-store observations at Jockey stores. Design iterations were made based on direct user feedback, resulting in user-driven improvements that significantly enhance the user experience.

User Survey & Field Research

Brainstorming and Collaborative Sketching

<p><strong>Objective:</strong>Generate a wide range of ideas and solutions through collaborative efforts.</p><p style='padding-top:4px; padding-bottom:4px;'><strong>Process:</strong><br/><p style='padding-left:8px;'> • acilitated brainstorming sessions with cross-functional teams.</p><p style='padding-left:8px;'>• Utilized collaborative sketching techniques to visualize ideas quickly.</p><p style='padding-left:8px;'>• Iterated on concepts based on group feedback.</p></p><p style='padding-top:4px;'><strong>Outcome:</strong> Rapid prototyping of diverse solutions, leading to innovative and well-rounded design ideas.</p>

Brainstorming and Collaborative Sketching

InnovationsWe Did

We've implemented several innovative design features to keep users engaged, convert them, and boost revenue for Jockey.

Innovations We Did

Design Implementation

The design implementation aimed to create an immersive experience center, not just a website, elevating Jockey's brand and improving user engagement. The homepage redesign integrated advanced visual and interaction design principles, streamlining navigation and highlighting key products. The product listing page optimized visibility and navigation, while the product detail page provided comprehensive information. Simplifying and securing the checkout process reduced abandonment and increased conversions. Overall, these changes created a seamless, visually appealing, and user-friendly experience center for Jockey's customers.

Design Implementation

Designing Creative Assets

Designing entire creative assets and visual merchandising involved crafting banners, cards, icons, A+ creatives, and more, aligning with the brand DNA. It required close collaboration with the brand team to ensure consistency and relevance to planned campaigns. Psychologically, the design elements played on target audiences' likes and dislikes, appealing to their preferences and aspirations. Adaptations across devices ensured a seamless user experience, optimizing for better page speed performance in WEBP format, enhancing both accessibility and engagement.

Designing Creative Assets

Conclusion

Idea to impact: Our work

Home

Mumbai City FC

New brand identity for one of Asia's most successful football teams!

Home

Jockey

40% increase in sales! — Delivered a seamless UI/UX redesign for Jockey India’s digital experience.

Home

Sony YAY

Engaged 4.4L+ users—designed vibrant campaigns that made Sony YAY! stand out in kids’ entertainment.

Home

Zee5

Unlocked regional reach—built multi-language creatives for India-wide engagement on Zee5.

Home

Apsara Ice Creams

Elevated Apsara’s brand experience with craveable, flavour-first design—turning every scroll into a sensory summer moment.

Home

Kores India

Crafting a seamless online store for an iconic stationery brand.

Home

Anchor

Repositioned a legacy toothpaste brand with fresh messaging and trend-led content—reviving trust and boosting relevance in a hyper-competitive oral care market.

Home

Speedo

Designing a seamless swimwear
shopping experience