2025
Redesign
Check Redesigned Website
Have a look at the official boAt Nirvana Eutopia product page. 😭
The present site and its problems
Laggy Scroll Animations – Overloaded animations caused slow, stuttery scroll behavior, especially on mid-range devices.
No Hover Interactions – The page lacked micro-interactions.
Text-Heavy Layout – Overwhelmed text blocks dilute key product messaging.
Oversized Fonts – Also, inconsistent and unusually large font sizes disrupted visual hierarchy.
Tiny 3D Viewport – The 3D product view was too small, making it hard for users to explore details.
No Product Comparison – There was no way to compare Nirvana variants, which limits user decision-making.
Visual Inconsistency – Mismatched styles, spacing, and design components.
Process of the Redesign
Wireframing on Figma
Hi-fidelity Design in Figma
Designing in Framer + Spline
Cursor-Based Headphone Interaction - The 3D headphone model follows the user’s cursor on hover, adding a interactive opening experience.
Bento Grid Layout - Visually engaging and modern layout to highlight content in digestible blocks. Cards scale up slightly on hover, making the layout feel dynamic.
Sticky CTA - A persistent "Buy Now" button that stays visible during scroll to improve conversions.
Interactive ‘Buy Now’ Button - This CTA is built in Rive that reacts to hover, I guy listening to music pops up.
Scroll Transform Animations - Smooth transitions and element movements as users scroll.
Technical specs + Product Comparison Section - Improved visibility and positioning of the technical specs and clubbed it with product comparison for a better user experience. A clean comparison block that helps users evaluate all Nirvana variants before making a purchase. It also has a 'show differences only' button so that the user can focus on the differences only.
Expanded 3D View - Enlarged the 3D viewport to encourage product exploration. Moreover, attached its button with the product itself instead of making a different section for 3D view.
Check out the prototype
The redesigned landing page delivers a cleaner, minimal, faster, and more interactive experience that reflects the premium feel of the boAt Nirvana series.
✅ Smooth scroll and animations with zero lag
✅ Immersive 3D interaction in hero section using Spline
✅ Hover feedback and micro-interactions across UI
✅ Clear product comparison and detailed feature showcase
✅ Fully responsive design across desktop, tablet, and mobile
✅ Bold typography and color balance for visual clarity
The result? A landing page that not only looks great—but feels alive.