Ecommerce UX Redesign · 2025
Bose
A redesign of Bose.com's Homepage and Product Detail Page (PDP) focused on closing the confidence gap in premium audio ecommerce. Three new interactive features (AR preview, 360° product viewer, and a guided product quiz) replace passive browsing with active exploration.
Premium audio products are hard to buy online. Shoppers can't feel build quality, test sound, or confirm fit. Static imagery and spec tables don't address the core purchase blockers:
Fit uncertainty: Shoppers can't visualize how headphones look on them without trying them on.
Product differentiation: Similar-looking models with different sound profiles are hard to tell apart from photos alone.
Decision paralysis: No guided path helps shoppers match their use case to the right model.
The gap is experiential, not informational. Each solution recreates a specific in-store moment in the browser.
Map purchase blockers to specific interventions
Three confidence drops identified: fit visualization, product inspection, model selection. One interactive feature per blocker.
AR preview: solve fit uncertainty without a store visit
AR preview over static photography. Addresses the user's specific face shape, replacing the mirror moment in store.
Guided quiz: replace comparison with matched recommendation
4-question quiz narrows 8+ models to 1-2 recommendations based on listening habits, environment, and priorities.
Reorganize hierarchy to surface trust signals earlier
Moved reviews, spec comparisons, and 360° interaction above the fold. Trust-building content before beauty shots.
Homepage and PDP walkthrough · desktop
Mobile prototype · responsive flows
360° viewer over static gallery
Draggable 360° viewer lets users inspect any detail: ear cup thickness, port placement, headband adjustment. Replicates the in store pickup and rotate moment.
Quiz over filter panel
Filters assume shoppers know what differentiates models. A guided quiz asks about use cases and returns ranked recommendations.
Dark mode as product first presentation
Dark products need a dark UI to visually dominate. Designed both light and dark variants to test perceived premium quality.
Mobile first interaction patterns
AR preview is inherently mobile (front camera). Designed mobile first, then adapted to desktop.
Every feature maps to a documented purchase blocker. AR preview solves fit, 360° viewer replaces physical inspection, quiz eliminates comparison paralysis. Expected impact: lower PDP bounce, higher conversion, fewer returns.