Building great customer experiences that profit
1 Use Experience & Service
Design
Unknown
2
“We never have the money to do it right, but somehow we always have the money to do it twice”
FlawlessCX
3
If we build it right in the first place then think of all the money that is saved.
BUILD IT RIGHT THE FIRST TIME
By spending quality time on Research & Discovery we can deliver right the first time because everything else falls into place.
The Research & Discovery is vital to delivering a great customer experience accurately and efficiently. It is often skipped because it is faster to go straight into designing solutions based on assumptions, but this is where everything goes wrong. Build & Delivery is the expensive part so you have to ensure that you are building the right thing before you start building.
RESEARCH & DISCOVERY
• What are the problems
• What causes the problems
• What are the Business needs
• What are the customer needs
DESIGN & VALIDATE
• Design solutions
• Test the solutions
• Validate they solve the problems
BUILD & DELIVERY
• Deliver build ready designs
• Build only what is needed
• Build what we know works
4
FlawlessCX
5
FlawlessCX
OUR CLIENTS
2014 - 2022
WORK
6
OUR
MACHINE & HUMANKIND 2014 - 2022
Design and build a market leading fully customisable, white label ecom platform for WPP to enable them to offer their clients the ability to warehouse and sell their products to an established and engaged market through WPP.
Design a fully managed direct-toconsumer (DTC) ecommerce solution for WPP to offer its clients. 7 New Full Service Commerce offering for WPP UX Design
Client Brief
Competitor Analysis
Discovery & Research Phase
What are other retailers doing well in the market. What features do we need to consider when building a new ecom platform?
8
Client: WPP / Wunderman Project: Ecom Platform with Warehouse Facility
Discovery
Defining
9
Client: WPP / Wunderman Project: Ecom Platform with Warehouse Facility
Features & Creating Briefs Breaking down an entire end to end ecom journey into manageable chunks. - Search & Browse - Checkout - Delivery & Returns - Customer Services What features are core to the experience.
& Research Phase
10
User Research on Existing Live Retail sites
Client:
WPP / Wunderman Project: Ecom Platform with Warehouse Facility
Remote Moderated Usability Study
Discovery & Research Phase
Mapping
11
Client:
WPP / Wunderman Project: Ecom Platform with Warehouse Facility
out Journey Flows
Delivery
Mobile Checkout UX Flow
Design &
Phase
Design & Delivery Phase
12
Client:
WPP / Wunderman Project: Ecom Platform with Warehouse Facility UX Specs for Build Auth Journey on Mobile
UX States for Field Interaction
Design & Delivery Phase
UX Design from Design System in Figma
13
Client: WPP / Wunderman Project: Ecom Platform with Warehouse Facility
Client Brief
Build a great car buying experience that is scalable and customer focussed.
Cinch had a journey up and running allowing customers to find and buy a used car. But there were problems along the journey and before Cinch could scale they needed to find and solve the problems.
14 End to End Customer Experience UX Design + Service Design
Auth UX Design
15
Client: Cinch Project: Multiple across the Customer Experience
UX Flows for Authentication
Validate Users at Account Creation
Auth UX Design
Improved Auth Journey
16
Client: Cinch Project: Multiple across the Customer Experience
Analytics Data Data mapped onto Flows
17
Customer
& Discovery on How to increase conversion into checkout Build trust in the quality of the product
Client: Cinch Project: Multiple across the
Experience Increase Conversion Research
18
Cinch USPs
the
Client: Cinch Project: Multiple across the Customer Experience Communicate
Early in
Journey Increase Conversion into Checkout
Many of John Lewis’s customers go straight to the phone when there is a real or perceived problem with an order. This project was to research and identify the reasons what they call the aim of reducing contact centre costs by allowing customers to have access to better self serve tools and knowledge.
Customer Service Self Serve SERVICE DESIGN
Reduce ‘Contact to Order’ ratio of the Contact Centre by providing better selfserve tools 19 Client Brief
Mapping out data onto existing key journeys
20
Client: John Lewis Project: Customer Services
Web & Contact Centre Data
Problems with existing Journeys
21
Client:
John Lewis Project: Customer Services Understanding the systems and processes behind the key customer contact drivers
Contact Centre Data
Delivery Plan for Research
Experience Mapping the Click & Collect Journey Approach to the work
22
Client: John Lewis Project: Customer Services
Client: John Lewis Project: Customer Services
Design possible improvements to existing journeys
Research / Testing possible solutions
23
Client: John Lewis Project: Customer Services
Design possible improvements to existing journeys
24
Migrate customers from multiple old iOS apps onto a single new universal iOS App.
With nearly £100 million in revenue spread across an old iPad App and a separate iPhone App, this project was about migrating users across to a single, easy to manage Universal iOS. The new app had to follow Apple guidelines and not be a custom app. This would allow the business to take advantage of iOS features that are native to iOS Apps as and when Apple roll out updates. VoiceOver was a key focus in this work ensuring that everything worked as Apple expected.
Universal iOS App Design & Build
25
Client Brief
26
Data
iPad App Migration problems iPhone App Checkout Analysis Project Wireframes Open Axure Wireframes PW: Pink123
Client: John Lewis Project: Universal iOS App Analysis &
Mapped out onto Journeys
Migration Journeys from iPad to Universal App
27
Client: John Lewis Project: Universal iOS App
Mapping out Migration Journeys
28
iOS App Architecture
New Rewards in App ‘Book an Appointment’ Reward Flows
Client: John Lewis Project: Universal
& Journeys
User Testing
29
Client: John Lewis Project: Universal iOS App
User Testing App Features Internal JL Lab
Deliverables
Story Specifications + markup for UI & build
30
Client: John Lewis Project: Universal iOS App
Client Brief
Improvements to the Search, Results and Filters across the John Lewis
website.
With nearly £2b revenue per year and targets exceeding that, the John Lewis website had a lot of focus from the business and how we could improvements to the customer experience.
Findability was a team that was focussed on modifying the website search, results and filters across desktop, tablet and mobile. My roles was to analyse all the data and user test possible incremental improvements to the features. Prioritisation was done by the Product Management team, research and user testing was done by myself and the User Researchers at John Lewis.
31
Website Data Analysis Omniture
32
Client: John Lewis Project: Search & Browse
data
Understanding how customers use iPads. Peak times, revenue, orientation of device.
mapped out
Client: John Lewis Project: Search & Browse
Data
+
Analytics Data Science reports from the analytics team
Data Science reports informed us that using filters increased revenue. But also that increasing the number if visible products on a tablet results page increased revenue as well.
User Research had recommended that Filters were visible on Tablet and that we did not hide them so that we could increase more product images.
Previous user research findings
33
Show filters, hide filters, more product images or less?
The Findability Team product manager wanted to test and explore hiding filters and increasing the number of product columns on portrait tablet.
User Research and Data Science has conflicting views.
34
Client: John Lewis Project: Search & Browse 3 Column + Filters on Tablet (£30m per month revenue)
Wires + Prototype test concepts
Prototypes were built but testing was done after I left John Lewis
With £10m per month Revenue for Portrait tablets and £20m per month with Landscape tablets the recommendations was to focus improving Filters not hiding them.
35
Client: John Lewis Project: Search & Browse
Prototype Open Prototype
Voice Search Concept
Voice Search was a small but interesting project for UX and UI. The development team had already built a working proof of concept using Google but we needed to design the interface. We based this of Google Voice search in Chrome simply because it was fast and much of the work had already been done by Google. As a proof of concept it only worked on Chrome and would not run on smartphone and tablet.
John Lewis voice search on Web
Prototype Open Prototype PW: Pink123
36
Client: John Lewis Project: Search & Browse
Client Brief
Research and identify problems and pain points in the existing commercial Supplier Onboarding process.
It can normally take anything from 3 to 12 months to onboard a new supplier, but at the start of Lockdown, Sainsburys was able to onboard a handful of new suppliers in just 2 weeks. This project was to research and identify the reasons why it took so long for suppliers to onboard previously and to provide recommendations how the business could improve this in the future.
Supplier
SERVICE DESIGN
Onboarding
37
Supplier Research
Research Process
Supplier Research documented in Miro
38
Client: Sainsburys Project: Supplier Onboarding
Affinity Mapping Problem Framing
39
Client: Sainsburys Project: Supplier Onboarding
End to End Miro Research view
Highlighting Pain Points / Journey Mapping Current State
40
Client: Sainsburys Project: Supplier Onboarding
Hometree set out to disrupt the boiler fitting industry by offering customers a fixed price boiler purchase and installation without requiring the need for a home visit from an engineer to provide an accurate quote.
Removing the engineer visit cuts costs and increases turnaround times from requirement to installation. Hometree had built an app enabling a network of Gas Safe Certified boiler engineers to take on fitting jobs.
Quote & Purchase a boiler online.
& Build
Design
an
visit. 41
Get
accurate boiler quote without the hassle of a home
Client Brief
42
UX
Client: Hometree Project: End to End Journey
/ Video Surveys Dev Team + CPO Daily Standup Working with the Product Manager Marketing / Strategy / SME’s CEO + Investor meetings
Workshops / Team meeting Boiler Engineers
Planning Journeys
Results Page (boilers for you) Using Data & Insight to
User Research
43
Client: Hometree Project: End to End Journey UX
inform IA
Client: Hometree Project: End to End Journey UX
User Research / On Site at Hometree
44
Detailed Page Specs for Build (attached to Jira ticket)
45
Client: Hometree Project: End to End Journey UX
Hero Design / Improve Conversion
Original Hero
• Was not converting
• Nothing about the service or what was involved
• Visual not focussed on product
46
Client: Hometree Project: End to End Journey UX
Client: Hometree Project: End to End Journey UX
Hero Design / Improve Conversion
Competitor Analysis
47
USP + Customer Research
Additional Work
49
Running Design Sprints
50
Running Design Sprints
51
Journey Mapping / Workshops
52
53
User Research
User Research
Hometree User Research NOW
Lewis User Research
Sainsburys User Research
TV Lab Research
54
John
55
/ Idea & Thinking / Stakeholder Communication
Sketching
56
/ Ideas
Sketching
& Thinking / Stakeholder Communication