Quattr
A walkthrough of my interaction design at Quattr
. process highlight
Challenge
WNTR struggled with high cart abandonment, difficult navigation, and a lack of trust signals like warranties and return policies. The website also lacked engagement, making it harder to differentiate from competitors.
Opportunity
By improving navigation, simplifying checkout, and enhancing transparency, WNTR had the chance to build trust, increase conversions, and create a more immersive and engaging shopping experience.
Timeline
Nov 2024 - Present
Responsibilities
UX Research
Sketching
Prototyping
3D Modeling
SwiftUI
Disciplines
User Experience Design
User Interface Design
Spatial Development
Interaction Design
Motion Design
Tools
Figma
Procreate
. background
Our Vision
At WNTR, we believe luxury should be accessible, functional, and timeless. Our goal is to redefine modern travel by crafting high-quality pieces that combine heritage craftsmanship with contemporary aesthetics, offering a seamless shopping experience that mirrors the elegance of our products.
The Process
At WNTR, we believe luxury should be accessible, functional, and timeless. Our goal is to redefine modern travel by crafting high-quality pieces that combine heritage craftsmanship with contemporary aesthetics, offering a seamless shopping experience that mirrors the elegance of our products.
. research
Initial Problem Discovery
WNTR, a semi-luxury travel bag brand, aims to redefine premium travel essentials with timeless design, functionality, and sustainability. However, the existing website faced several usability challenges that affected conversions, user engagement, and brand perception.
Desk Research
We analyzed:
- WNTR’s brand vision – Positioning itself among the top 5 travel lifestyle brands in India within 5 years.
- Competitor websites – Identifying industry best practices.
- User behavior – Pain points, preferences, and expectations.
User’s Perspective
User’s Perspective (Pain Points) Brand’s Perspective (Business Needs)
Hard to find products easily. Increase conversion rates.
Unclear return policies. Build trust and credibility.
Checkout process feels too long. Reduce cart abandonment.
No clear information on quality or sustainability. Highlight product uniqueness.
Brand’s Perspective
User’s Perspective (Pain Points) Brand’s Perspective (Business Needs)
Hard to find products easily. Increase conversion rates.
Unclear return policies. Build trust and credibility.
Checkout process feels too long. Reduce cart abandonment.
No clear information on quality or sustainability. Highlight product uniqueness.
Solution → A website revamp that balances user needs with business goals.
. research
Competitor Analysis
User’s Perspective (Pain Points) Brand’s Perspective (Business Needs)
Hard to find products easily. Increase conversion rates.
Unclear return policies. Build trust and credibility.
Checkout process feels too long. Reduce cart abandonment.
No clear information on quality or sustainability. Highlight product uniqueness.
Solution → A website revamp that balances user needs with business goals.
. research
User Surveys
Top Insights
• 78% of users prefer a minimal and intuitive website.
• 65% found existing product pages cluttered.
• 85% wanted clearer shipping & return policies.
• 70% dropped off during checkout due to unnecessary form fields
Solution: A streamlined UI that improves clarity, efficiency, and trust.
User Pain Points
“Too much scrolling to find what I need!”
“I don’t know if this product is worth the price.”
“Checkout takes forever; I just give up”
Key Fixes:
Reduce scrolling → Faster navigation & filtering.
Show quality assurances → Trust-building UI elements.
Speed up checkout → 3-step process for faster purchases.
. synthesis
User Persona
Meet Arjun, 29, Digital Nomad
🏙️ Lives in Bangalore | ✈️ Travels often | 🎒 Needs a durable, stylish travel bag
🎯 Pain Points:
• Hates slow websites with cluttered navigation.
• Needs fast checkout without unnecessary fields.
• Wants assurance on product durability & return policies.
💡 How WNTR’s New Design Helps Arjun:
✅ Quickly finds the perfect bag with improved navigation.
✅ Sees product guarantees and sustainability details upfront.
✅ Buys in under 2 minutes with a simple 3-step checkout.
. synthesis
User Journey
Meet Arjun, 29, Digital Nomad
🏙️ Lives in Bangalore | ✈️ Travels often | 🎒 Needs a durable, stylish travel bag
🎯 Pain Points:
• Hates slow websites with cluttered navigation.
• Needs fast checkout without unnecessary fields.
• Wants assurance on product durability & return policies.
💡 How WNTR’s New Design Helps Arjun:
✅ Quickly finds the perfect bag with improved navigation.
✅ Sees product guarantees and sustainability details upfront.
✅ Buys in under 2 minutes with a simple 3-step checkout.
. ideation
Developing a Solution
Redesign Goals:
Faster navigation & product discovery.
More trust signals for confident purchases.
Seamless, frictionless checkout.
Moodboard & UI Inspiration
WNTR’s UI takes inspiration from winter landscapes with a black & white color palette, reflecting
luxury, minimalism, and timelessness
. ideation
Major Improvements & Design Decisions
Navigation:
Simplified menu & categories.
Quick search & filtering options.
Design Decisions (Color & UI):
Black & white theme → Luxury, simplicity.
Large, high-quality product images.
Elegant fonts for a premium feel.
Empty State UI:
Personalized messages when no items are found.
Recommendations for alternative products.
Design System:
Reusable UI components for consistency.
Clear, accessible typography & spacing.
. final designs
UI for Launch
• Homepage with engaging storytelling.
• Product pages with key features, warranties, and reviews.
• Checkout flow optimized for speed.
. reflections
Post-Design Outcome
Metric
Conversion Rate
Average Order Value
Checkout Completion Rate
Cart Abandonment
Before Redesign
35%
₹4,500
60%
65%
After Redesign
45% (+10%)
₹5,600 (+25%)
80% (+20%)
40% (-25%)
Final Results:
45% increase in conversions.
25% higher average order value.
40% lower cart abandonment rate.
Faster, more intuitive, and luxurious user experience.
. reflections
Conclusion
By focusing on user needs, brand goals, and seamless usability, WNTR’s revamped website
delivers a frictionless shopping experience that balances aesthetics with functionality.
. say hello
Let's talk about design, work
and horror movies
atrikumarsingh@gmail.com
+91-7634830304
resume