Adapting to Brand.com
Redesign Vicks’ website within the guidelines, templates, and technical constraints of P&G’s new Brand.com platform.
06 / Vicks.com · P&G
Vicks.com E-commerce.
Design an e-commerce experience within P&G’s new Brand.com platform, with consistent mobile and desktop journeys.
01 / About the Project
Project overview.
A consistent shopping journey within P&G’s new Brand.com framework.
Optimized shopping flows
Help customers find suitable products, review details, and choose a retailer across mobile and desktop.
Setting the standard
The Vicks redesign connected product discovery to purchase and set the standard for other P&G product websites adopting the new Brand.com template.
02 / UX planning
Design priorities.
Key findings shaped how we helped customers find products, compare details, and buy.
Platform rules
Identify which components can change and which must stay fixed.
Product discovery
Help customers find products by symptoms, category, and filters.
Mobile interactions
Make browsing, filtering, and buying easy on mobile and desktop.
03 / UX & Interaction Design
E-commerce design.
Product discovery, product details, and retailer selection within P&G’s shared Brand.com framework.
Mobile Browsing & Shopping
Customers could filter by need, browse products, review details, and choose a retailer across four mobile screens.
Homepage & Product Design
Homepage campaigns, symptom-based browsing, product details, and pharmacy search shared Vicks’ identity across a consistent shopping experience.
Desktop Wireframes
Desktop wireframes defined homepage layouts, product filters, detailed product information, and pharmacy search within the Brand.com framework.
Mobile Wireframes
Mobile wireframes adapted navigation, product browsing, detailed information, and pharmacy search for smaller screens.
04 / Design delivery
Results & takeaways.
The Vicks redesign set the standard for other P&G product websites adopting the new Brand.com template.
The redesign connected product discovery to purchase across mobile and desktop, preserving Vicks’ identity through reusable design patterns.