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

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
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomnelietumpap1
 
ACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfSpandanaRallapalli
 
Atmosphere science 7 quarter 4 .........
Atmosphere science 7 quarter 4 .........Atmosphere science 7 quarter 4 .........
Atmosphere science 7 quarter 4 .........LeaCamillePacle
 
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
 
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
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceSamikshaHamane
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for BeginnersSabitha Banu
 
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
 
AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.arsicmarija21
 
Types of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxTypes of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxEyham Joco
 
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfAMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfphamnguyenenglishnb
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxOH TEIK BIN
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
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
 
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...Nguyen Thanh Tu Collection
 

Recently uploaded (20)

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
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choom
 
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
 
ACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdf
 
Atmosphere science 7 quarter 4 .........
Atmosphere science 7 quarter 4 .........Atmosphere science 7 quarter 4 .........
Atmosphere science 7 quarter 4 .........
 
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)
 
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
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in Pharmacovigilance
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for Beginners
 
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...
 
AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.
 
OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...OS-operating systems- ch04 (Threads) ...
OS-operating systems- ch04 (Threads) ...
 
Types of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptxTypes of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptx
 
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfAMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptx
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
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...
 
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
 

Ux crunch how to build an award winning website