Market
In-vehicle commerce platform delivering driver distracted approved user-experiences and new after-sale opportunities to OEMs.
-
Project Duration
2018 - Present
-
Responsibility
Head of Design
-
Software
Sketch, InVision, Adobe Experience Design, Photoshop

Overview
We have delivered the FIRST in-vehicle e-commerce solution in the world running on, as of 2021, 20 million vehicles.
User Goal
I want to transact with merchants during my drive, so that I maximize my driving experience.
I want my vehicle telemetry, as I choose to provide it, to be used to shortcut merchant task-flows, so that I can more quickly and efficiently complete transactions.
I want driver distraction approved merchant task-flows, so that I and other drivers can confidently operate my vehicle safely while driving.
I want contextual and behavioral merchant task recommendations, so that I can seamlessly interact with merchants without needing to launch them within the app library.
Business Goal
Create new after sale opportunities for OEMs by leveraging vehicle telemetry and merchant relationships.
Strengthen a merchant’s relationship with their existing users and provide new opportunities for user acquisition.
Provide new sticky user experiences that launch into new business opportunities via Xevo Glass.
Challenges
Driver Workload Testing
Every OEM leverages a 3rd party testing agency. This is to remove any chance of bias. These tests are expensive and can block a release if anything fails. If something fails, then we are sent back through the arduous design process requiring internal and external stakeholder approvals.
Every designer on my team, including myself, must be an expert in what is and is not viable for Drive (vehicle gear position) task flows. At a glance this includes character count, image usage, interactions, messaging, accessibility, and total task flow time. A user, in general, is only allowed 12 seconds to complete any task while driving.
Merchant APIs
McDonalds, Domino’s, GrubHub, Shell, Exxon, Chevron, Parkwhiz, PaybyPhone and all other merchants haven’t built APIs for 3rd party consumption. How do we create a consistent user experience for all merchants when they all have different task flows, APIs, security, preferences, voice of the user, brand guidelines, and feature support? How can we leverage what these merchants have already built to reduce any investment (cost) on their team to support in-car functionality? Some merchants support external payment and a lot don’t. All have different forms of authentication. We have been taking a fragmented merchant landscape and adapting them into a highly constrained ecosystem.
OEM Head Units
Head Units are a mixed bag of hardware and software stacks. Performance varies greatly. Within a single model year an OEM can have 10+ Head Unit models with different hardware and software. For those that do run android they lock the ability to build responsive design solutions. Some HU systems have proprietary software languages that use projection services. Overall, nothing is standardized and nearly every HU model has a unique set of challenges.
OEM, Merchant, and Internal Approvals
It can be challenging getting three companies on the same page. I have had to deal with this a lot throughout my career. 3 different design teams, 3 different engineering teams, 3 different quality assurance teams, and 3 different management teams. Building a foundation with thorough requirements and detailed specifications are critical. The more data you have to justify your decisions the more likely you want receive push-back.
Mental Models
Users have well established mental models for e-commerce task flows. These mental models have been formed over years of pattern development. We, unfortunately, can’t meet all those expectations 1-to-1 due to the factors listed above: Driver Workload Testing, 3rd party Merchant API support, and Head Unit limitations. We have to deliver a subset of the expected functionality for a merchant and new task flows that work within the vehicle.
Managing The Team of Designers
Developing a system comprised of process and tools where designers can produce consistent design assets at an effective pace was crucial. When you have 6 designers working across different projects under the same product umbrella things can quickly become out-of-sync without structure. So, what did I do about this?
Created company wide design process workflows that detail initial merchant engagement, requirement documentation, approval of requirements, task/ticket construction, design ideation, design team peer reviews, internal stakeholder reviews (Dev, QA, Marketing, BI, Management), external stakeholder reviews, design hand-off, and build reviews.
Developed new methods for managing design documents within our internal repositories. This made documents more accessible to everyone in the company.
Developed new templates for design documentation. This insured all material produced by my team captured all required information needed for all dependent teams.
Arguably one of the largest benefits to these processes and tools was how it empowered our designers and leveled out skill gaps between them. Turning a designer that normally would feel less-than into a designer that was on equal footing. This gave designers a comfortable environment to develop and grow.
OEM Impediments
There has been and is a lot working against the success of this product.
No top-funnel advertisement or messaging that educates users because of OEM restrictions.
No federated accounts with an OEM profile. This forces users to go through a Market binding process before they can see the full suite of applications.
Most merchants do not support tokenized payment or federated accounts, which forces users through linking flows for each merchant.
Contextual notifications and recommendations are just now becoming available.
Most Head Unit systems are locked 2-3 years before the vehicle launches. Access to voice, maps, notifications and other core accessibility functions are not available without a CR to the hardware provider. The cost of the CR prevents the OEM from making the request.
OTA updates are rare and expensive.
Most apps sit behind a an expensive and poorly marketed connectivity package.
The list goes on…
Design Process
Process summary
Problem space
-
What is the business value?
Who are our users, what are their needs, and what tasks must they complete?
What does success look like for our business and users?
-
Observe your user’s in their natural environment. Keep the process organic for accurate findings.
Ask questions that are as open as possible.
The goal is not to validate your own assumptions.
-
Evaluate, interpret, and weigh findings gathered.
Create requirements.
Create user stories, user journeys, and other preferred guidance documents.
Solution space
-
Information architecture
Low fidelity feature flows
High fidelity compositions
Design system
High fidelity feature flows
-
Early feature concepts were built as interactive flows in InVision or as light-weight locally deployed builds for testing. After proven successful they are handed-off to dev for implementation.
-
InVision interactive prototypes or light-weight locally deployed builds were used to test early concepts.
After features were tested successfully they were handed-off to dev. They were then released to customers where we collected analytics, were given feedback, and conducted on-site studies.
Design Documentation
OEM Design System
This contains governing system definitions (product blueprint) such as interactions, styles, components, & behavioral specifications. This eliminates the need to define how core components of the system work across all merchant documents.
Annotated Task-Flow
The documents, as the title suggests, details all task-flows for the app. This includes approved copy, content, features, and functionality. They detail what is supported in Park versus Drive gear states. These documents include “Document Detail” slides, which link to all other related and dependent documents.
Redlines
Merchant redlines are linked to the OEM Design System specifications. We developed a component based template system for Driver Workload testing, consistency across applications, development/design cost, maintenance, and a bundle of other obvious reasons.
Error Handling
Some “hero” error flows are covered in the Annotated Task-Flow document, but most errors are documented in a correlated Error Handling document.
Prototypes
We often build prototypes for new use-cases that are then used for usability studies. With our OEM Design System documentation we don’t need merchant prototypes to aid development requirements. These, usually, are created for new use-cases and features that don’t have data backing their performance.
Studies
We craft and run studies to justify product investments. This data is also used to steer OEMs and merchants. We use a variety of study formats ranging from surveys, online testing, driving simulations, and production A/B tests.
Shallow Dive
Driver Distraction Guides
We developed a short-hand version of the Auto Alliance and National Highway Traffic Safety Association (NHTSA) for internal and external communication. This proved our domain knowledge and expertise of designing in-car experiences.
Mobile & Web Library
We built a mobile sdk making integration a snap for OEMs. This, usually, is integrated into an existing application or website. Within this portal users can learn about Market, manage their profile, and manage their merchant accounts.
Merchant Apps
We have created 100s of Merchant flow documents for various OEMs. Each are uniquely crafted for their target endpoints. As stated before, merchant flows are restricted by Driver Workload Testing, Merchant APIs, device performance, software stack, and template limitations.
Map Integrations
We worked with a variety of mapping provides on an integrated Market experience. As part of this we helped prioritize search results, POIs on the map, arrival modals, and enriched merchant details with Market supported functionality.
My Role
Vice President of Design at Xevo Inc.
OEMs
General Motors - Chevy, Buick, Cadillac
Stellantics - Chrysler, Dodge, Jeep
Hyundai
Nissan
Ford
Kia
Toyota
Honda
Merchants
Here is a condensed list.
Shell
ExxonMobile
Chevron
Texaco
Phillips 66
Citgo
76
Costco
McDonalds
Chick-fil-A
Yelp
iHop
Applebees
Domino’s
Little Caesars
Panera
Starbucks
Joe Coffee
GrubHub
Walmart
Home Depot
Parkwhiz
Parkopedia
PaybyPhone
Passport
ChargePoint
ChargeHub
EVgo
Bancpass
Avis
Mopar
Integration Partners
TomTom
Mapbox
Cerence
Nuance