JBL recently launched two new hero products - the Tour Pro 3 and the Tour One M3. Our challenge was to utilize their new design system to create a landing page for these products, highlight the campaign messaging and direct consumers to purchase the products.
jbl.com
UX Design
Creative Direction
ResearchIdeation
Wireframes
Prototyping
Client Workshops
The Problem
The Goal
- Utilizing JBL’s new design system
- Creating components that will scale as products are launched
- Directing customers to clear paths to purchase
- Establishing a clear, concise messaging hierarchy
- Accounting for JBL’s global teams needs and constraints
Discover
For landing pages like this, it’s key to show shoppers exciting product features, and lead them to the product detail page where they can make a purchase. We worked with JBL’s analytics team to get more insight into their user’s behavior and site performance.
Some findings...
Most users are entering JBL’s product pages via social media campaigns
Page load time is a common issue due to large visual assets
Users tend to drop off before reaching the end of the page
Ideate
Our team focused on designing a landing page that not only created excitement around the new headphones, but also clearly communicated their unique features. We had to design an experience that was visually engaging while remaining intuitive, accessible, and easy to navigate. This meant carefully structuring the content hierarchy, refining messaging to be both compelling and informative, and ensuring that interactive elements supported, rather than distracted from, the user’s journey.