SlideShare a Scribd company logo
1 of 43
Download to read offline
How to design an award winning
website
Webcredible/Brompton
18 November 2015
2
3
Re-platform & re-design the
global online proposition;
creating a scalable world class
customer experience to support
the brand growth for prospective
and existing end-user consumers
and trade customers.
4
1.  Research approach
2. Design decisions
3. Verification and results
5
1.  Research approach
2. Design decisions
3. Verification and results
6
Stakeholder workshops
7
Learning the product
8
Guerrilla research
9
“I don’t get the train, so I don’t
need a folding bike”
- Everyone
International research
11
International research
12
International research
13
International research
14
Made for cities?
15
Audience types/personas
16
Audience types/personas
17
Audience types/personas
18
Issues to address
1.  Multi-channel customer journey
2.  Fragmented digital presence
3.  Different users require different content
4.  People don’t understand product benefits
5.  16,982,784 options are too many
19
1.  Research approach
2. Design decisions
3. Verification and results
20
Multi-channel customer journey
21
Developing process
23
Developing process
24
Home
Discover
Bikes
Bike chooser Product hero Bike builder
Information gathering Test ride Decision time Purchase
Find dealer
Hire
Data capture
Email CR Ref
CR Ref
Enter email/
Facebook
connect
Email
Search: Bike
type (eBike)
Benefits of use
Heritage
How people use it
Costs
Fold
Handmade in London
Customisable
Colours
The fold
Price
Gears
Handlebars
Colour/s
Accessories
Weight
Tech specs
Features
Design
Tech
Gallery
Save/
Share
Near me
Recommended
Where
How much
Process
Get started
What is it?
How does it work?
How much does it
cost?
Store
Bike chooser Bike builder
Featured
PDP
Saved config
CR Ref
Find dealer
Check stock
Check out
online
Purchse
Check out
funnel
Account
Email
Register bike
Update account
Check progress
Delivey/
collection
Capture/
share
Brompton: Purchase journey
Browse > Build > Try > Buy
25
26
Provide clarity of process
Fragmented digital presence
27
Amalgamating the existing sites
28
Customer focus groups
29
Different users require different
content
30
31
Personalising the content
People don’t understand
product benefits
32
Coherent content strategy
33
Analytics/SEO research
34
35
Amplified product offering with clear benefits
36
Amplified product offering with clear benefits
16,982,784 options are too many
37
38
Designing the chooser
39
#myBrompton
1.  Research approach
2. Design decisions
3. Verification and results
40
3 Rounds UT
41
46% increase in traffic.
291% increase in subscribers.
103% increase in bike builds
45% increase in dealer searches.
122% increase in sales.
42
Creating people-centred, efficient and
delightful digital experiences since 2003
020 7423 6320
133 Park Street
London SE1 9ED webcredible.com

More Related Content

Similar to Ux crunch how to build an award winning website

Green Girl Recycling Final Presentation
Green Girl Recycling Final PresentationGreen Girl Recycling Final Presentation
Green Girl Recycling Final PresentationClark Salamie
 
Uc14 chap11
Uc14 chap11Uc14 chap11
Uc14 chap11ayahye
 
Identifying customer digital needs and new business areas for an automotive b...
Identifying customer digital needs and new business areas for an automotive b...Identifying customer digital needs and new business areas for an automotive b...
Identifying customer digital needs and new business areas for an automotive b...Marco De Cesaris
 
A STUDY ON CUSTOMER’S PURCHASE BEHAVIOUR TOWARDS NON-GEAR TWO-WHEELERS
A STUDY ON CUSTOMER’S PURCHASE BEHAVIOUR TOWARDS NON-GEAR TWO-WHEELERSA STUDY ON CUSTOMER’S PURCHASE BEHAVIOUR TOWARDS NON-GEAR TWO-WHEELERS
A STUDY ON CUSTOMER’S PURCHASE BEHAVIOUR TOWARDS NON-GEAR TWO-WHEELERSPrem Prem
 
week 6-Study mobile sales app.pptx
week 6-Study mobile sales app.pptxweek 6-Study mobile sales app.pptx
week 6-Study mobile sales app.pptxMichaelaKravkov
 
Triumph digital media presentation
Triumph digital media presentationTriumph digital media presentation
Triumph digital media presentationRalph Paglia
 
UX Research by Lisandra Maioli
UX Research by Lisandra MaioliUX Research by Lisandra Maioli
UX Research by Lisandra MaioliLisandra Maioli
 
B2B Digital Transformation - Case Study
B2B Digital Transformation - Case StudyB2B Digital Transformation - Case Study
B2B Digital Transformation - Case StudyDivante
 
Goodyear: Digital Marketing Case Study
Goodyear: Digital Marketing Case StudyGoodyear: Digital Marketing Case Study
Goodyear: Digital Marketing Case StudyShack Co.
 
Decoding Digital Week 3: Understanding Your Customer
Decoding Digital Week 3: Understanding Your CustomerDecoding Digital Week 3: Understanding Your Customer
Decoding Digital Week 3: Understanding Your CustomerSymphony3
 
Internet Retailer Web Design 2014 - Product Page
Internet Retailer Web Design 2014 - Product PageInternet Retailer Web Design 2014 - Product Page
Internet Retailer Web Design 2014 - Product Pagesweiskircher
 
Workshop innovation management using the lean canvas by Amr Noman
Workshop innovation management using the lean canvas by Amr NomanWorkshop innovation management using the lean canvas by Amr Noman
Workshop innovation management using the lean canvas by Amr NomanAgile ME
 
Creating a Winning Internet Strategy
Creating a Winning Internet StrategyCreating a Winning Internet Strategy
Creating a Winning Internet StrategyDave Chaffey
 
S aris quick_intro_25_4_18
S aris quick_intro_25_4_18S aris quick_intro_25_4_18
S aris quick_intro_25_4_18pm2120600
 
Susina--The Rise of B2B eCommerce
Susina--The Rise of B2B eCommerceSusina--The Rise of B2B eCommerce
Susina--The Rise of B2B eCommerceSteve Susina
 
7 tips to Market your Travel Offer on the Web
7 tips to Market your Travel Offer on the Web 7 tips to Market your Travel Offer on the Web
7 tips to Market your Travel Offer on the Web Karine Miron
 
ExploreExport 2014 - eCommerce Seminar
ExploreExport 2014 - eCommerce SeminarExploreExport 2014 - eCommerce Seminar
ExploreExport 2014 - eCommerce SeminarScottish Enterprise
 

Similar to Ux crunch how to build an award winning website (20)

Green Girl Recycling Final Presentation
Green Girl Recycling Final PresentationGreen Girl Recycling Final Presentation
Green Girl Recycling Final Presentation
 
Uc14 chap11
Uc14 chap11Uc14 chap11
Uc14 chap11
 
Uc14 chap11
Uc14 chap11Uc14 chap11
Uc14 chap11
 
Identifying customer digital needs and new business areas for an automotive b...
Identifying customer digital needs and new business areas for an automotive b...Identifying customer digital needs and new business areas for an automotive b...
Identifying customer digital needs and new business areas for an automotive b...
 
A STUDY ON CUSTOMER’S PURCHASE BEHAVIOUR TOWARDS NON-GEAR TWO-WHEELERS
A STUDY ON CUSTOMER’S PURCHASE BEHAVIOUR TOWARDS NON-GEAR TWO-WHEELERSA STUDY ON CUSTOMER’S PURCHASE BEHAVIOUR TOWARDS NON-GEAR TWO-WHEELERS
A STUDY ON CUSTOMER’S PURCHASE BEHAVIOUR TOWARDS NON-GEAR TWO-WHEELERS
 
week 6-Study mobile sales app.pptx
week 6-Study mobile sales app.pptxweek 6-Study mobile sales app.pptx
week 6-Study mobile sales app.pptx
 
Triumph digital media presentation
Triumph digital media presentationTriumph digital media presentation
Triumph digital media presentation
 
UX Research by Lisandra Maioli
UX Research by Lisandra MaioliUX Research by Lisandra Maioli
UX Research by Lisandra Maioli
 
B2B Digital Transformation - Case Study
B2B Digital Transformation - Case StudyB2B Digital Transformation - Case Study
B2B Digital Transformation - Case Study
 
Goodyear: Digital Marketing Case Study
Goodyear: Digital Marketing Case StudyGoodyear: Digital Marketing Case Study
Goodyear: Digital Marketing Case Study
 
Decoding Digital Week 3: Understanding Your Customer
Decoding Digital Week 3: Understanding Your CustomerDecoding Digital Week 3: Understanding Your Customer
Decoding Digital Week 3: Understanding Your Customer
 
Internet Retailer Web Design 2014 - Product Page
Internet Retailer Web Design 2014 - Product PageInternet Retailer Web Design 2014 - Product Page
Internet Retailer Web Design 2014 - Product Page
 
report
reportreport
report
 
Workshop innovation management using the lean canvas by Amr Noman
Workshop innovation management using the lean canvas by Amr NomanWorkshop innovation management using the lean canvas by Amr Noman
Workshop innovation management using the lean canvas by Amr Noman
 
Creating a Winning Internet Strategy
Creating a Winning Internet StrategyCreating a Winning Internet Strategy
Creating a Winning Internet Strategy
 
S aris quick_intro_25_4_18
S aris quick_intro_25_4_18S aris quick_intro_25_4_18
S aris quick_intro_25_4_18
 
Susina--The Rise of B2B eCommerce
Susina--The Rise of B2B eCommerceSusina--The Rise of B2B eCommerce
Susina--The Rise of B2B eCommerce
 
7 tips to Market your Travel Offer on the Web
7 tips to Market your Travel Offer on the Web 7 tips to Market your Travel Offer on the Web
7 tips to Market your Travel Offer on the Web
 
ExploreExport 2014 - eCommerce Seminar
ExploreExport 2014 - eCommerce SeminarExploreExport 2014 - eCommerce Seminar
ExploreExport 2014 - eCommerce Seminar
 
Consumer Decision Journeys
Consumer Decision JourneysConsumer Decision Journeys
Consumer Decision Journeys
 

More from Marcelo Graciolli

More from Marcelo Graciolli (20)

The logo design_checklist_-_canny
The logo design_checklist_-_cannyThe logo design_checklist_-_canny
The logo design_checklist_-_canny
 
2017 state of_email_report
2017 state of_email_report2017 state of_email_report
2017 state of_email_report
 
The guide to wireframing
The guide to wireframingThe guide to wireframing
The guide to wireframing
 
The ultimate guide to prototyping
The ultimate guide to prototypingThe ultimate guide to prototyping
The ultimate guide to prototyping
 
Email planning workbook
Email planning workbookEmail planning workbook
Email planning workbook
 
Canon tc-80 n3
Canon tc-80 n3Canon tc-80 n3
Canon tc-80 n3
 
Hero3 plus black_um_por_reve
Hero3 plus black_um_por_reveHero3 plus black_um_por_reve
Hero3 plus black_um_por_reve
 
Praticas recomendadas - Anuncios Facebook
Praticas recomendadas - Anuncios FacebookPraticas recomendadas - Anuncios Facebook
Praticas recomendadas - Anuncios Facebook
 
Manual 580 ex-canon
Manual 580 ex-canonManual 580 ex-canon
Manual 580 ex-canon
 
Manual po dxt user manual - pre version 2 - english
Manual po dxt user manual - pre version 2 - englishManual po dxt user manual - pre version 2 - english
Manual po dxt user manual - pre version 2 - english
 
Logo guidelines
Logo guidelinesLogo guidelines
Logo guidelines
 
En gxm mac_user_guide
En gxm mac_user_guideEn gxm mac_user_guide
En gxm mac_user_guide
 
Empreendedoriamo digital
Empreendedoriamo digitalEmpreendedoriamo digital
Empreendedoriamo digital
 
Canon ef-8-15mm-f-4-l-usm-fisheye-lens
Canon ef-8-15mm-f-4-l-usm-fisheye-lensCanon ef-8-15mm-f-4-l-usm-fisheye-lens
Canon ef-8-15mm-f-4-l-usm-fisheye-lens
 
Manual minolta auto meter vf
Manual minolta auto meter vfManual minolta auto meter vf
Manual minolta auto meter vf
 
Manual canon eos-5d-mark-ii-pt1
Manual canon eos-5d-mark-ii-pt1Manual canon eos-5d-mark-ii-pt1
Manual canon eos-5d-mark-ii-pt1
 
Mac logo gdlns
Mac logo gdlnsMac logo gdlns
Mac logo gdlns
 
Manual meter amvf_om_sp
Manual meter amvf_om_spManual meter amvf_om_sp
Manual meter amvf_om_sp
 
Manual - Canon tc-80 n3
Manual - Canon tc-80 n3Manual - Canon tc-80 n3
Manual - Canon tc-80 n3
 
Hero3 plus black_um_por_reve
Hero3 plus black_um_por_reveHero3 plus black_um_por_reve
Hero3 plus black_um_por_reve
 

Recently uploaded

Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfMr Bounab Samir
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxthorishapillay1
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSJoshuaGantuangco2
 
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPWhat is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPCeline George
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Celine George
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxKarra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxAshokKarra1
 
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17Celine George
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfTechSoup
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Jisc
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxDr.Ibrahim Hassaan
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersSabitha Banu
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Mark Reed
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...JhezDiaz1
 
ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4MiaBumagat1
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Celine George
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parentsnavabharathschool99
 

Recently uploaded (20)

YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptxYOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
 
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptxYOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
 
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERPWhat is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERP
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxKarra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptx
 
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 3 STEPS Using Odoo 17
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptx
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
 
ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4ANG SEKTOR NG agrikultura.pptx QUARTER 4
ANG SEKTOR NG agrikultura.pptx QUARTER 4
 
Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17Computed Fields and api Depends in the Odoo 17
Computed Fields and api Depends in the Odoo 17
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parents
 

Ux crunch how to build an award winning website