The Challenge
The Challenge
Embedded Files
Design a mobile-first web experience for a portable speaker brand, specifically for adventurous, travel-loving professionals who have never purchased a portable speaker before. The goal is to create an intuitive shopping journey that helps them find the right product effortlessly.
Design a mobile-first web experience for a portable speaker brand, specifically for adventurous, travel-loving professionals who have never purchased a portable speaker before. The goal is to create an intuitive shopping journey that helps them find the right product effortlessly.
Opportunity
To guide first-time buyers and enhance their confidence in their purchase, the website must:
Educate Users – Provide clear, easy-to-understand information about speaker features and benefits.
Build Trust & Credibility – Use testimonials, reviews, and expert recommendations to reassure hesitant buyers.
Showcase Product Recommendations – Offer a curated selection of speakers suited for different travel needs.
Project Methodology
Following the Design Thinking process: (Empathize, Define, Ideate, Prototype & Test)
Following the Design Thinking process: (Empathize, Define, Ideate, Prototype & Test)
Research & Insights
Research & Insights
To understand the market and user needs, I:
Analyzed competitor speaker websites, noting common UX pain points like cluttered layouts, technical jargon, and overwhelming options.
Reviewed e-commerce best practices for product pages and mobile-first design.
Mapped out a user flow that makes choosing a speaker straightforward, informative, and engaging.
User Persona
User Persona
Victoria loves discovering new experiences, but she’s never purchased a portable speaker before. She doesn’t know what to look for and wants something lightweight, durable, and easy to carry while providing high-quality sound in different environments. The challenge was to design a site that guides her through the decision-making process smoothly while keeping it visually appealing and easy to use on mobile.
Victoria – The Adventure-Seeking Professional
Victoria – The Adventure-Seeking Professional
Age: Early 40s
Location: London, UK
Living Situation: Lives with her partner
Education: College graduate
Occupation: Full-time professional
Lifestyle & Interests: Enjoys traveling, outdoor adventures, and discovering new experiences. Prefers quality products that are easy to use and complement her active lifestyle.
Pain Points: Has never purchased a portable speaker before and is unsure what features to look for. Wants something lightweight, durable, and easy to carry on trips.
Needs & Goals: Looking for a speaker that provides great sound quality, is travel-friendly, and can handle different environments—whether at the beach, in the mountains, or exploring a new city.
Empathy Map
Design Approach & Process
Design Approach & Process
I structured the experience around four key pages:
Homepage – A clean, inviting introduction with a focus on lifestyle visuals, helping users see how the speaker fits into their adventures.
Product Features Page – Simplified, easy-to-scan details highlighting portability, durability, and sound quality, with comparison options.
Checkout Page – A frictionless purchase process with clear pricing, and minimal distractions.
Confirmation Page – A friendly, reassuring order summary with next steps.
LoFi Wireframes
LoFi Wireframes
UI Kit
UI Kit
HiFi Wireframes
HiFi Wireframes
The Prototype > here
Page updated
Google Sites
Report abuse