How redesigning Noise's shopping experience grew average order value by 20%

How redesigning Noise's shopping experience grew average order value by 20%

Noise is one of India's fastest-growing lifestyle tech brands, recognized by IDC as India's No.1 wearable watch brand in 2020. Despite strong brand awareness, their e-commerce website was underperforming failing to convert visitors into buyers and leaving significant revenue on the table.

Year

2021

Year

2021

Year

2021

Services

E-commerce · Consumer

Services

E-commerce · Consumer

Services

E-commerce · Consumer

Client

Noise — India's No.1 wearable brand

Client

Noise — India's No.1 wearable brand

Client

Noise — India's No.1 wearable brand

/ What is the problem?

/ What is the problem?

/ What is the problem?

Noise's core customers — millennials and Gen Z — were consistently placing smaller orders than the business expected, and a significant portion were abandoning their carts before completing checkout. The site wasn't doing enough to guide users toward purchase or inspire them to add more to their basket.

/ Final outcome

/ Final outcome

/ Final outcome

Category tabbed and smart search entry point, And bottom sheet to offer cross selling experience to motivate cart building.

/ Impact

/ Impact

/ Impact

+20%

The average order size increased from ₹3,500 to ₹4,200.

The average order size increased from ₹3,500 to ₹4,200.

+10%

The conversion rate increased due to a smoother user journey with reduced friction.

-18%

The rate of cart abandonment decreased after the revamp.

/ My Role

/ My Role

/ My Role

I led all design efforts as the senior designer on a team of 2. I worked closely with product managers, data analysts, and developers — owning the research, ideation, design, and handoff end-to-end.

/ Team Structure

/ Team Structure

/ Team Structure

2 UX Designers/Researchers (including me)

/ Research method

/ Research method

/ Research method

Competitor analysis, interview, usability testing

/ Research & Discovery

/ Research & Discovery

/ Research & Discovery

We started with the data before touching any designs. Heatmaps and clickstream analysis revealed exactly where users were dropping off and where the experience was creating friction. We supplemented this with competitor analysis to identify what best-in-class e-commerce experiences were doing differently.

/ Key Findings

/ Key Findings

/ Key Findings

1.Complex Navigation

Users struggled to find products quickly — navigation was too complex

2.Limited Cross-Selling Opportunities

The site offered almost no cross-selling — no prompts to discover complementary products

3.Non-Optimized Checkout

The checkout flow had too many steps and too few payment options, causing late-stage drop-off

/ Design Process

/ Design Process

/ Design Process

We ran a design sprint with the Product Manager, gathering inspiration from forward-thinking e-commerce brands and mapping the ideal ordering journey. From there, I moved into wireframes and iterative high-fidelity designs, testing and refining at each stage.

/ The Solution

/ The Solution

/ The Solution

Three targeted interventions, each addressing one of the core problems:

/ Simplified Navigation

/ Simplified Navigation

/ Simplified Navigation

I redesigned the search and browse experience with a tabbed category system and a smart search entry point — making it significantly faster for users to find what they were looking for. Less friction at the top of the funnel meant more users making it to product pages.

/ Cross-Selling Widgets

/ Cross-Selling Widgets

/ Cross-Selling Widgets

I designed a mini cart bottom sheet that surfaces related and complementary products at the moment users are already in a buying mindset. This single feature was the primary driver of the order value increase — it made cart-building feel effortless rather than deliberate.

/ Streamlined Checkout

/ Streamlined Checkout

/ Streamlined Checkout

I simplified the checkout flow for new users, reduced the number of steps, added flexible payment options, and introduced clearer delivery choice UI. The result was a smoother path to purchase with significantly less abandonment.

/ Key takeaways

/ Key takeaways

/ Key takeaways

This project reinforced why data and design have to work together. The heatmaps and clickstream data didn't just confirm our suspicions — they showed us things we wouldn't have found through user interviews alone. And the cross-selling widget, which looked like a small design decision, ended up being the highest-impact change we made.

/ Conclusion

/ Conclusion

/ Conclusion

A user-centric, data-driven redesign doesn't have to be a full overhaul. By identifying the right friction points and designing targeted solutions for each, we delivered measurable business outcomes — and gave Noise's customers a shopping experience that matched the quality of their products.

Create a free website with Framer, the website builder loved by startups, designers and agencies.