Designing a tool to help Airstream customers choose the right model camper.
In 2020, I noticed there were many Airstreams for sale on the secondary market while new sales were at an all time record high. I suspected customers were not happy with their camper and wanted to learn more about the problem to see if there was an issue that user experience design could help solve.
My role: Independent Product Designer
Skills leveraged: Research, Product Design, Project Lead
Deliverables: Research, Pitch Presentation
I drafted a number of versions of each screen and feature addressing do they solve the user pain points.
Time for research
I conducted secondary research to try to find some insights into the issue of newer Airstreams flooding the secondary market.
In 2020 I learned:
- 387 airstream for sale on RV Trader in the USA were less than 3 years old
- On RV rental websites, newer Airstream accounted for less than 0.03% of available inventory
- Airstream’s parent company Thor had an all time high sales year of $8 billion USD.
Let’s find out from how current Airstream customers felt.
Research: I interviewed over a dozen Airstream owners to learn customers prioritized aesthetics and lifespan longevity over livability and functionality.
Pain Points: First time camper buyers frequently purchased the wrong Airstream for their needs. There are over 60 models and size options to choose from and often model options are not available for viewing at dealerships.
How can we use design to improve the customer experience for Airstream?
THE PROCESS
Target user personas and their needs
1) Kim, Ken and their 2 kids under 10
Problem: They want two twins and a bunk combination that sleeps at least five.
Meeting Needs: Design an app that allow them to quickly see all models that sleeps five and have a bunk configuration.
2) Retired Bill and Martha
Problem: They want a camper to travel full-time in and don’t really have a sense of what the differences are between the 25ft models across different lines.
Meeting Needs: Design an app allows them to compare up to three models after narrowing down the length specifications.
3) Millennial Mindy and Mike
Problem: They want an Airstream to sleep six so they invite their friends to their campsite for parties.
Meeting Needs: Design an app can lets them browse all the models that sleep 6 and show them a variety of sleeping accommodations.
I considered a few approaches, gesture based digital wall where you can simulate camping activities, campfires, vertical display where you can view all the models in a very large form factor.
Since the highest level of stress for buyers was at the dealership, I would attempt to design a solution that was easy to live within various areas of the dealership
My Role
I led the project as a solo owner, researcher, designer, building a case to present to the client.
A pathway to a soultion
I identified the primary application for the web app to be in Airstream dealership lobby locations. An iPad Pro built into a kiosk at dealerships so users can explore, customize and personalize their own trailer while being surrounded by a few of the options in person.
The primary design feature
Our personas needed a way to simplfy their choices. I designed the interface to be based on a powerful subtractive filter.
Airstream trims, colors and design treatments that make the configuration possibilities in the thousands. Customers want to make sure they are selecting the right options and package. They can easily get overwhelmed. This tool is designed to reduce selection fatigue.
I drafted a number of versions of each screen and feature addressing do they solve the user pain points.
Designing the key features
-
I used the input from my interviews to weigh the pros and cons of feature designs. Model decluttering quickly filter out models that are not appropriate options for the personas
-
I made sure to capture the benefits and values or feelings the customer can experience because of the feature, as well a the business advantage of each.
-
I drafted iterations of each app screen on paper to ensure the elements that made it to digital wireframes would be well-suited to address user pain points.
Road testing prototypes
From paper wireframes to digital prototypes
I created a Figma prototype knowing that I was going to use an iPad Pro to field test features with users.
Using the completed set of digital wireframes allowed me to create an interactive prototype to test functionality with users.
Airstream Prototype Flow
THE PROCESS
User testing revealed insights
Affinity Mapping turning qualitative feedback into actionable themes
I collected my observations into a chart and gather common themes from the user’s experiences with the prototype. I was also able to observe body language that I was able to note additional emotions testers were experiencing.
One of the interesting observations was difficulty scrolling horizontally on an iPad when the iPad was resting at a 45 degree angle on a picnic bench. This configuration was done to simulate usage in a kiosk.
Usability Study & Results
After the study, mandatory design improvements needed to be made. The experience helped me formulate the apps most powerful feature the subtractive filter using any parameter to remove Airstreams from users consideration set.
All options on one screen, no scrolling users can select their parameters in a non-linear fashion to quickly let them know things like: A twin bed, front bed configuration is not available in the Classic model, but it is available in the new Globetrotter model
Pick your finish screen (bottom)
THE DESIGN: Floorplan
- The remaining models after phase one of filtering can be further explored in detail on the Floorplan screen. Models across product lines can be directly can be compared, up to three.
- Finishes and treatments can be selected to instantaneously preview the Airstream you are building.
- Options can be selected to complete the configuration.
- Sending to Dealer will generate an email to a Sales Lead at a regionally appropriate Airstream Dealership near the customer.
User Flow
Since the subtractive filter feature was added, it prompted me to update the user flow to reflect there were multiple paths the user could take to narrow down their airstream selection.
Notes: Users are able to compare Airstream models easier when more options are eliminated from the consideration set.
A tool that improves business relationships
This digital tool improves the relationship between the customer, brand and dealership. Airstreams are in high demand and customizing your own will take months to execute.
The
What I learned from this project as the designer
The unlimited power of research. As a designer it’s easy to fall into the trap of assuming what your users need. A good research plan an execution will always provide surprising insights that will humble your assumptions.
Learning that users did not want to swipe horizontally and needed to see all the model on the screen at once completed changed my design approach and ultimately improved the product.
User Experience Design Portfolio
A gesture controlled experience where you fly like a bird for a chance to win a trip to Florida
A case study carrying you through the creative journey of designing a game capturing human motion to propel the user like a bird through a third person journey from Chicago to Florida.
Role: Creative Director
Client: Monster Media
Skills Leveraged: Creative Direction, UI Design, Art Direction
Deliverables: UI Design and illustrations for large interactive display interfaces for airport installation
Auditing a real estate data Saas product to improve ecommerce
A real estate data reseller had poor performance on mobile ecommerce experience. I performed an analytics audit, discovered user usability issues, performed redesign recommendations.
Role: Contract Product Designer
Skills Leveraged: UX Research, Product Design, High Fidelity Mockups, Stakeholder Presentations
Deliverables: Presentation, redesign proposal for mobile product, engineer handoff
Mobile app and experience projects
A review of screen captures for a few mobile interaction design products that lead into comprehensive product design case studies.
Role: Independent Product Designer
Skills Leveraged: Interaction Design
Optimizing the product experience for a global auto parts brand
I was leading a rebrand of the 90 year old automotive brand and undertaking the direction of the desktop and mobile website redesign to achieve business and partnership goals.
Role: Team Lead, Creative Director
Client: TRICO Wiper Blades (automotive parts)
Skills Leveraged: Website design, wireframing, information architecture, client presentations
Deliverables: Global website and mobile app rollout for CMS
Turning a stadium concessions contract proposal into an immersive interactive experience
I brought to life a business pitch and proposal with interactive elements, sounds, videos and immersive experience that helped my client tell their story in a memorable way.
Role: Digital Designer, Stakeholder Presentations
Client: Delaware North / Houston Astros
Skills Leveraged: Interaction Designer, Creative Direction, Front End Developer, Animation
Deliverables: Interactive design and coding installed on 20 executive iPads
A pop up shop that brings energy saving products to life
A case study that walks through the planning, design and execution for the traveling mobile exhibit that packs in four rooms of a household into a carefully designed, 5×5 foot space.
Role: Experience Designer
Client: National Grid
Skills Leveraged: Creative Direction, UI Design, Illustration
A dynamic website design to showcase an experiential agency’s digital capabilities
Working with Monster Media to reposition their digital, experiential and social media offerings to a diverse lineup of clients.
Role: Business Strategy Alignment, Website Designer
Client: Monster Media
Skills Leveraged: Information Architecture, Persona and Audiences, Website Design, Interaction Design
Designing a web3 platform to enable user access environmental conservation initiatives
Conserve Wildly is a mobile app platform designed to make it easy for allow citizens to vote on local conservation protection measures and proposals.
Role: Product Designer
Client: Startup
Skills Leveraged: Concept design, Product Design, Research, User Testing
Deliverables: iOS and android prototype
Matching volunteer’s talents with dog rescues that need their help
The Rescue Dogz app is a platform connecting skilled volunteers with nearby dog rescues that need their help.
Role: Product Designer (startup spec)
Client: Self Launched Brand @ RescueDogz.io
Skills Leveraged: Founder, Concept design, Product Design, Research, User Testing
Deliverables: iOS and android prototype
Creating experiential buzz for a rebranded grocery chain in Florida
I interviewed customers in preparation for learning how to create an appropriate and immersive experience that celebrates Hispanic culture to promote the rebranding of Winn Dixie grocery stores to Fresco y Mas.
Role: Creative Director
Client: Fresco y Mas / Winn Dixie
Skills Leveraged: Environmental Design, Creative Direction, Social Media Design, Experience Design
A health tech platform that optimizes the delivery of test kits and results from practitioners to patients
A review of a product design process for health tech software platform and marketing website to optimize the portal experience for patients and practitioners.
Role: Senior Product Designer & Product Management (contract)
Skills Leveraged: Early Product Scoping, UX/UI Design, Design Systems, Interaction Design, Motion Design, Features Documentation, eLearning, Stakeholder Presentations
Deliverables: Practitioner portal, patient portal, web app software design, public website UX/UI design, usability training.