Winterbear
Winterbear
Winterbear
Winterbear is a character lifestyle brand and the official destination for BT21 and Line Friends merchandise in India, offering character-inspired apparel, stationery, and home decor.
Winterbear is a character lifestyle brand and the official destination for BT21 and Line Friends merchandise in India, offering character-inspired apparel, stationery, and home decor.
Winterbear is a character lifestyle brand and the official destination for BT21 and Line Friends merchandise in India, offering character-inspired apparel, stationery, and home decor.
Context
Context
Context
While using the Winterbear website, I noticed usability issues like unclear navigation, inconsistent hierarchy, and inefficient interactions. To improve the experience, I refined the information architecture, enhanced accessibility, and created a more intuitive, visually cohesive interface for seamless user engagement.
While using the Winterbear website, I noticed usability issues like unclear navigation, inconsistent hierarchy, and inefficient interactions. To improve the experience, I refined the information architecture, enhanced accessibility, and created a more intuitive, visually cohesive interface for seamless user engagement.
While using the Winterbear website, I noticed usability issues like unclear navigation, inconsistent hierarchy, and inefficient interactions. To improve the experience, I refined the information architecture, enhanced accessibility, and created a more intuitive, visually cohesive interface for seamless user engagement.
My Role
My Role
My Role
As a UX/UI designer, I identified usability issues in the Winterbear website, including unclear navigation and inconsistent hierarchy. Through research and redesign, I improved the information architecture, accessibility, and visual coherence, creating a more intuitive and seamless user experience.
As a UX/UI designer, I identified usability issues in the Winterbear website, including unclear navigation and inconsistent hierarchy. Through research and redesign, I improved the information architecture, accessibility, and visual coherence, creating a more intuitive and seamless user experience.
As a UX/UI designer, I identified usability issues in the Winterbear website, including unclear navigation and inconsistent hierarchy. Through research and redesign, I improved the information architecture, accessibility, and visual coherence, creating a more intuitive and seamless user experience.
01
01
Identifying The Issues
Identifying The Issues
Home Screen
Home Screen
Navigation bar has inconsistent icon styles and alignment issues
Navigation bar has inconsistent icon styles and alignment issues
The home screen only includes banners showcasing deals and sales,which is a missed opportunity to grab attention on the first page.
The home screen only includes banners showcasing deals and sales,which is a missed opportunity to grab attention on the first page.
Category
Category
Category section is very cluttered and has confusing segments.
Category section is very cluttered and has confusing segments.
Payment
Payment
Payment section can be improved with proper navigation for the users.
Payment section can be improved with proper navigation for the users.
Cart
Cart
Inconsistent spacing and item information could be presented in clear way.
Inconsistent spacing and item information could be presented in clear way.
Product Pages
Product Pages
Product Pages
02
02
Visual styles
Visual styles
Typeface
Typeface
Inter
Inter
Regular
Regular
Medium
Medium
Bold
Bold
Grid
System
Grid System
Column
Column
: 12
: 12
Gutter
Gutter
: 20
: 20
Margin
Margin
: 100
: 100
Icons
Icons
Colours
F4EFFD
F4EFFD
FFFBE5
FFFBE5
78B689
78B689
773CA6
773CA6
FFD400
FFD400
03 Redesigned screens
03 Redesigned screens
Home Screen
Home Screen
The logo was refined for clarity, a long search bar added for quick access, and wishlist, cart, and profile icons introduced to enhance navigation, hierarchy, and accessibility.
The logo was refined for clarity, a long search bar added for quick access, and wishlist, cart, and profile icons introduced to enhance navigation, hierarchy, and accessibility.
The improved hero section features a prominent "Shop Now" CTA and an overlay screen for strong visual impact, enhancing user focus, experience, and engagement, while the updated carousel with bottom-positioned font improves readability, visual hierarchy, and conversions.
The improved hero section features a prominent "Shop Now" CTA and an overlay screen for strong visual impact, enhancing user focus, experience, and engagement, while the updated carousel with bottom-positioned font improves readability, visual hierarchy, and conversions.
Category
Category
I applied the Von Restorff Effect by adding underline and font size changes to navigation titles for better visual distinction. The category section was redesigned with "Shop by Category" and "Shop by Themes" segmentation to reduce cognitive load and improve discoverability.
I applied the Von Restorff Effect by adding underline and font size changes to navigation titles for better visual distinction. The category section was redesigned with "Shop by Category" and "Shop by Themes" segmentation to reduce cognitive load and improve discoverability.
Product Page
Product Page
I added a refined filter section with enhanced typography and color contrast for better visual appeal and usability, reducing friction and ensuring a seamless user flow for essential interactions.
I added a refined filter section with enhanced typography and color contrast for better visual appeal and usability, reducing friction and ensuring a seamless user flow for essential interactions.
Product
Detail Page
Product
Detail Page
The product view section was redesigned using Jakob’s Law, aligning with familiar mental models for a more seamless user experience. Actionable buttons like "Add to Bag" and "Wishlist" enhance usability, while icon-based navigation reduces cognitive load.
The product view section was redesigned using Jakob’s Law, aligning with familiar mental models for a more seamless user experience. Actionable buttons like "Add to Bag" and "Wishlist" enhance usability, while icon-based navigation reduces cognitive load.
A large product carousel improves visual engagement and decision efficiency, with a tabular layout optimizing content readability.
A large product carousel improves visual engagement and decision efficiency, with a tabular layout optimizing content readability.
Cart
Cart
I have optimized the payment flow by separating address and payment steps for better usability. The billing section now has an improved visual hierarchy, and a “Proceed to Shipping” CTA ensures a clear next step, ensuring a seamless user flow.
I have optimized the payment flow by separating address and payment steps for better usability. The billing section now has an improved visual hierarchy, and a “Proceed to Shipping” CTA ensures a clear next step, ensuring a seamless user flow.
Shipping
Shipping
I have improved the address section with a save option for seamless entry and retrieval. A compact product carousel ensures quick visual confirmation, minimizing selection errors and enhancing user accuracy.
I have improved the address section with a save option for seamless entry and retrieval. A compact product carousel ensures quick visual confirmation, minimizing selection errors and enhancing user accuracy.
Payment
Payment
I have refined the payment flow with multiple options—UPI, cards, net banking, and COD—using logos and vertical radio buttons for quick selection and clarity. The address section now includes a clear indicator and a “Change Address” option, leveraging confirmation bias for better decision-making.
I have refined the payment flow with multiple options—UPI, cards, net banking, and COD—using logos and vertical radio buttons for quick selection and clarity. The address section now includes a clear indicator and a “Change Address” option, leveraging confirmation bias for better decision-making.
Hey
Let’s Connect
Let’s Connect
If you're looking for a designer who blends
strategic thinking with refined craft, I’d love to hear from you.
If you're looking for a designer who blends
strategic thinking with refined craft, I’d love to hear from you.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 29.631 0 L 2.362 0 C 1.056 0 0 1.031 0 2.306 L 0 29.688 C 0 30.962 1.056 32 2.362 32 L 29.631 32 C 30.938 32 32 30.962 32 29.694 L 32 2.306 C 32 1.031 30.938 0 29.631 0 Z M 9.494 27.269 L 4.744 27.269 L 4.744 11.994 L 9.494 11.994 Z M 7.119 9.912 C 5.594 9.912 4.363 8.681 4.363 7.162 C 4.363 5.644 5.594 4.412 7.119 4.412 C 8.638 4.412 9.869 5.644 9.869 7.162 C 9.869 8.675 8.638 9.912 7.119 9.912 Z M 27.269 27.269 L 22.525 27.269 L 22.525 19.844 C 22.525 18.075 22.494 15.794 20.056 15.794 C 17.588 15.794 17.213 17.725 17.213 19.719 L 17.213 27.269 L 12.475 27.269 L 12.475 11.994 L 17.025 11.994 L 17.025 14.081 L 17.088 14.081 C 17.719 12.881 19.269 11.613 21.575 11.613 C 26.381 11.613 27.269 14.775 27.269 18.888 L 27.269 27.269 Z" fill="rgb(255, 255, 255)" height="32px" id="Q6uNwSobm" width="32px"/></svg>)