SlideShare a Scribd company logo
1 of 23
Product development and UX design
by
Julia Kuznetsov
julia.kuznetsov@gmail.com
May 2013
Mobile App Case Study
Roadmap:
1.  Introduction
2.  Solution and Design
3.  User Testing
4.  Product Demo
Intro
Paris is awash with over 35,000
image-conscious motorcyclists and
scooterists who use their two-wheeled
vehicles as their primary form of transport.
The high cost of gas, scarcity of street
parking and constant traffic jams work to
encourage bike adoption in the Paris
metro area.
The Bike Washer founding team recruited
DOERS, a Paris-based digital agency, to
help develop The Bike Washer mobile
applications in November 2011, in
response to high demand for bike
cleaning services.
Service Proposition
1. We use GPS to pinpoint your parking location
2. You tell us how long you’ll be parked
3. A mobile technician will
thoroughly clean/detail your bike,
and take pictures before and afterwards.
Presto!
No inconvenient location to drive to,
No waiting rooms with bad coffee and neon lights,
No trouble, just a great-looking bike you’ll be proud
to be seen on.
Project Requirements:
User-facing:Back-Office:
Web-based admin portal allows a
business rep to perform the following:
•  assign cleanings to technicians
•  perform quality control of
before-and-after cleaning results,
•  deploy data to technicians in the field
Technicians use the Synchroteam
product on their smartphones to:
•  view upcoming appointments
•  access navigation services
•  capture photos and notes in the field
2 unique
consumer mobile
applications
(Android and iPhone)
Prelim User Research
A browser-based survey was conducted which asked
scooter and motorcycle owners to answer questions about
their vehicle, transport habits, and lifestyle.
Based on the analysis of these results, I extracted our top-
level demographic and created personas to refine our
understanding of the target demographic
and guide our product strategy.
Demo and Personas
Target Demographic:
•  28-40 year old, fashion-conscious men living in Paris
•  Use their scooter or bike as their primary form of transport
•  Over 70% of respondents believe that the quality, style, and overall
appearance of their scooter is important
François
•  42 year old finance executive
•  Commutes to and from work on the
metro
•  Likes to take long rides with fellow
enthusiasts on weekends
•  Owns a 2013 Bimota SB6, worth approx
~24K €
•  Owns an Android Nexus S phone that is
~2.5 years old
Luc
•  30 year old designer at an ad agency
•  Uses his bike to commute to and from
work and around the city on weekends
•  Enjoys concerts and clubs
•  Owns a mid-range Honda Silverwing
worth approx. 3K €
•  Inseparable from his iPhone 5
Friction Points:
The survey asked users how they feel about bike
cleaning and how they clean their bikes today.
We learned that:
68% - Drive and and pay for an automatic or hand-
detailing at a washing station
Obstacle: time-consuming and expensive
27% Hand-wash the vehicle at home
Obstacle: demands significant time and
effort, high material costs
5% - Don’t wash their bike
Obstacle: Bike remains dirty and unattractive
Procedure flows
I identified four primary procedure flows, and created
the UI to achieve the following top-level objectives:
1.  New user – registration and wash request
2.  Returning User – wash request
3.  Review wash results and leave feedback
4.  Cancel appointment
Each flow outlines consumer app behavior (including
push notifications), automated email confirmations and
back-office database behavior, and was included in
the technical specification deliverable that guided our
development team.
Wireframes
I created low-fidelity
wireframes in
Mockingbird to
ensure stakeholder
buy-in internally, and
that I later used as an
initial prototype
during user testing.
User Testing
I reached out to a 4 male motorcyclists who fit our
demographic and invited them to come in for a user test
using paper prototypes of the app.
I asked them to perform the four in-app goals we had
designed for, including
1. Register and order a wash
2. Leave feedback after a wash is complete
3. Cancel a wash
I observed them as they navigated the app, and made
notes as to which elements of the original design were
troublesome, and at which points the participants became
“blocked”, and revised the designs accordingly.
The BikeWasher
Version 1.0
Mobile App UX
Tutorial Pages (1-2 of 4)
In order to
minimize user
drop off, we set
the user’s
expectations as
to the ease of
use by illustrating
the four steps in
the app.
These 4 screens
appear the first
time, and all
consequent
times the app
opens, until the
user registers.
1 2
Tutorial Pages (3-4 of 4)
These 4 screens
appear the first
time, and all
consequent
times the app
opens, until the
user registers.
3 4
User Registration
Step 1: Your Location
GPS-gating
limits washing service
area
Four parking spot
types: sidewalk, bike
parking, car parking or
private yard
Assign this location a
name – e.g. Office
Leave misc. note
(optional)
e.g. intercom code to
access private yard
Saved locations
Step 2: Your Vehicle
Model and Make
dropdown menus
display base cleaning
fee
License plate number
manual entry
Date selector
Parking time selector
Step 3: Review/Confirm Wash
Optional services
selection for premium
serve
Payment processor
integration with option
to save card for future
one-click ordering
Wash Request Detail: Due
Recap of submitted
wash request
with option to cancel
Wash Detail Page: Done
Recap of submitted
wash request
with option to cancel
Wash Detail Page: Cancelled
Recap of cancelled
wash request
Detailing time between
wash request and
cancellation and
associated fees
New wash request
About Us
Thank you!
Julia Kuznetsov
julia.kuznetsov@gmail.com
(415) 290-4810 mobile
juliakuznetsov.com

More Related Content

Viewers also liked

Fmcg beverage brand case study
Fmcg beverage brand case studyFmcg beverage brand case study
Fmcg beverage brand case study
DigiWhirl
 
Kaizen – road map to world class processes
Kaizen – road map to world class processesKaizen – road map to world class processes
Kaizen – road map to world class processes
Kobi Vider
 
Accenture Technology Vision 2012
Accenture Technology Vision 2012Accenture Technology Vision 2012
Accenture Technology Vision 2012
Lars Kamp
 

Viewers also liked (8)

Fmcg beverage brand case study
Fmcg beverage brand case studyFmcg beverage brand case study
Fmcg beverage brand case study
 
Kaizen – road map to world class processes
Kaizen – road map to world class processesKaizen – road map to world class processes
Kaizen – road map to world class processes
 
B2B Digital Marketing Roadmap
B2B Digital Marketing RoadmapB2B Digital Marketing Roadmap
B2B Digital Marketing Roadmap
 
Product roadmap-guide-by-product plan
Product roadmap-guide-by-product planProduct roadmap-guide-by-product plan
Product roadmap-guide-by-product plan
 
Product Roadmaps - Tips on how to create and manage roadmaps
Product Roadmaps - Tips on how to create and manage roadmapsProduct Roadmaps - Tips on how to create and manage roadmaps
Product Roadmaps - Tips on how to create and manage roadmaps
 
Accenture Technology Vision 2012
Accenture Technology Vision 2012Accenture Technology Vision 2012
Accenture Technology Vision 2012
 
Micro Expressions
Micro ExpressionsMicro Expressions
Micro Expressions
 
DMBOK 2.0 and other frameworks including TOGAF & COBIT - keynote from DAMA Au...
DMBOK 2.0 and other frameworks including TOGAF & COBIT - keynote from DAMA Au...DMBOK 2.0 and other frameworks including TOGAF & COBIT - keynote from DAMA Au...
DMBOK 2.0 and other frameworks including TOGAF & COBIT - keynote from DAMA Au...
 

Similar to Bike washer casestudy_v3

Parklink presentation
Parklink presentationParklink presentation
Parklink presentation
joan njeri
 
Research paper review on car pooling using android operating system a step t...
Research paper review on car pooling using  android operating system a step t...Research paper review on car pooling using  android operating system a step t...
Research paper review on car pooling using android operating system a step t...
Akshay Shelake
 
Ford e-bikes MoDe:Me and MoDe:Pro - Press Release
Ford e-bikes MoDe:Me and MoDe:Pro - Press ReleaseFord e-bikes MoDe:Me and MoDe:Pro - Press Release
Ford e-bikes MoDe:Me and MoDe:Pro - Press Release
RushLane
 
Demola-project-report-final.doc
Demola-project-report-final.docDemola-project-report-final.doc
Demola-project-report-final.doc
Peter Gerhat
 

Similar to Bike washer casestudy_v3 (20)

Bike sharing published papers
Bike sharing published papersBike sharing published papers
Bike sharing published papers
 
ieee paper on bike sharing android application
ieee paper on bike sharing android applicationieee paper on bike sharing android application
ieee paper on bike sharing android application
 
Bike sharing android application
Bike sharing android applicationBike sharing android application
Bike sharing android application
 
Parklink presentation
Parklink presentationParklink presentation
Parklink presentation
 
Bike sharing published papers
Bike sharing published papersBike sharing published papers
Bike sharing published papers
 
Research paper review on car pooling using android operating system a step t...
Research paper review on car pooling using  android operating system a step t...Research paper review on car pooling using  android operating system a step t...
Research paper review on car pooling using android operating system a step t...
 
Marketing plan
Marketing planMarketing plan
Marketing plan
 
Pedal-It presentation
Pedal-It presentationPedal-It presentation
Pedal-It presentation
 
A Comprehensive Guide to e-Scooter Sharing App Development for 2024.pdf
A Comprehensive Guide to e-Scooter Sharing App Development for 2024.pdfA Comprehensive Guide to e-Scooter Sharing App Development for 2024.pdf
A Comprehensive Guide to e-Scooter Sharing App Development for 2024.pdf
 
Grab Conceptual Task
Grab Conceptual TaskGrab Conceptual Task
Grab Conceptual Task
 
Carpooling App India - UX Desin - Avjit Chinara
Carpooling App India - UX Desin - Avjit ChinaraCarpooling App India - UX Desin - Avjit Chinara
Carpooling App India - UX Desin - Avjit Chinara
 
Product Launch Auto App
Product Launch Auto AppProduct Launch Auto App
Product Launch Auto App
 
Sharer: A Web App For Carpooling
Sharer: A Web App For CarpoolingSharer: A Web App For Carpooling
Sharer: A Web App For Carpooling
 
Cyclent | Rent your miles | Android App Marketing Plan
Cyclent | Rent your miles | Android App Marketing PlanCyclent | Rent your miles | Android App Marketing Plan
Cyclent | Rent your miles | Android App Marketing Plan
 
Class activity 3
Class activity 3   Class activity 3
Class activity 3
 
Mechanico
MechanicoMechanico
Mechanico
 
Ford e-bikes MoDe:Me and MoDe:Pro - Press Release
Ford e-bikes MoDe:Me and MoDe:Pro - Press ReleaseFord e-bikes MoDe:Me and MoDe:Pro - Press Release
Ford e-bikes MoDe:Me and MoDe:Pro - Press Release
 
new green transportation for emerging markets
new green transportation for emerging marketsnew green transportation for emerging markets
new green transportation for emerging markets
 
Taxi App Development: An Extensive Guide with Detailed Steps
Taxi App Development: An Extensive Guide with Detailed StepsTaxi App Development: An Extensive Guide with Detailed Steps
Taxi App Development: An Extensive Guide with Detailed Steps
 
Demola-project-report-final.doc
Demola-project-report-final.docDemola-project-report-final.doc
Demola-project-report-final.doc
 

Recently uploaded

Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 

Recently uploaded (20)

"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 

Bike washer casestudy_v3

  • 1. Product development and UX design by Julia Kuznetsov julia.kuznetsov@gmail.com May 2013 Mobile App Case Study
  • 2. Roadmap: 1.  Introduction 2.  Solution and Design 3.  User Testing 4.  Product Demo
  • 3. Intro Paris is awash with over 35,000 image-conscious motorcyclists and scooterists who use their two-wheeled vehicles as their primary form of transport. The high cost of gas, scarcity of street parking and constant traffic jams work to encourage bike adoption in the Paris metro area. The Bike Washer founding team recruited DOERS, a Paris-based digital agency, to help develop The Bike Washer mobile applications in November 2011, in response to high demand for bike cleaning services.
  • 4. Service Proposition 1. We use GPS to pinpoint your parking location 2. You tell us how long you’ll be parked 3. A mobile technician will thoroughly clean/detail your bike, and take pictures before and afterwards. Presto! No inconvenient location to drive to, No waiting rooms with bad coffee and neon lights, No trouble, just a great-looking bike you’ll be proud to be seen on.
  • 5. Project Requirements: User-facing:Back-Office: Web-based admin portal allows a business rep to perform the following: •  assign cleanings to technicians •  perform quality control of before-and-after cleaning results, •  deploy data to technicians in the field Technicians use the Synchroteam product on their smartphones to: •  view upcoming appointments •  access navigation services •  capture photos and notes in the field 2 unique consumer mobile applications (Android and iPhone)
  • 6. Prelim User Research A browser-based survey was conducted which asked scooter and motorcycle owners to answer questions about their vehicle, transport habits, and lifestyle. Based on the analysis of these results, I extracted our top- level demographic and created personas to refine our understanding of the target demographic and guide our product strategy.
  • 7. Demo and Personas Target Demographic: •  28-40 year old, fashion-conscious men living in Paris •  Use their scooter or bike as their primary form of transport •  Over 70% of respondents believe that the quality, style, and overall appearance of their scooter is important François •  42 year old finance executive •  Commutes to and from work on the metro •  Likes to take long rides with fellow enthusiasts on weekends •  Owns a 2013 Bimota SB6, worth approx ~24K € •  Owns an Android Nexus S phone that is ~2.5 years old Luc •  30 year old designer at an ad agency •  Uses his bike to commute to and from work and around the city on weekends •  Enjoys concerts and clubs •  Owns a mid-range Honda Silverwing worth approx. 3K € •  Inseparable from his iPhone 5
  • 8. Friction Points: The survey asked users how they feel about bike cleaning and how they clean their bikes today. We learned that: 68% - Drive and and pay for an automatic or hand- detailing at a washing station Obstacle: time-consuming and expensive 27% Hand-wash the vehicle at home Obstacle: demands significant time and effort, high material costs 5% - Don’t wash their bike Obstacle: Bike remains dirty and unattractive
  • 9. Procedure flows I identified four primary procedure flows, and created the UI to achieve the following top-level objectives: 1.  New user – registration and wash request 2.  Returning User – wash request 3.  Review wash results and leave feedback 4.  Cancel appointment Each flow outlines consumer app behavior (including push notifications), automated email confirmations and back-office database behavior, and was included in the technical specification deliverable that guided our development team.
  • 10. Wireframes I created low-fidelity wireframes in Mockingbird to ensure stakeholder buy-in internally, and that I later used as an initial prototype during user testing.
  • 11. User Testing I reached out to a 4 male motorcyclists who fit our demographic and invited them to come in for a user test using paper prototypes of the app. I asked them to perform the four in-app goals we had designed for, including 1. Register and order a wash 2. Leave feedback after a wash is complete 3. Cancel a wash I observed them as they navigated the app, and made notes as to which elements of the original design were troublesome, and at which points the participants became “blocked”, and revised the designs accordingly.
  • 13. Tutorial Pages (1-2 of 4) In order to minimize user drop off, we set the user’s expectations as to the ease of use by illustrating the four steps in the app. These 4 screens appear the first time, and all consequent times the app opens, until the user registers. 1 2
  • 14. Tutorial Pages (3-4 of 4) These 4 screens appear the first time, and all consequent times the app opens, until the user registers. 3 4
  • 16. Step 1: Your Location GPS-gating limits washing service area Four parking spot types: sidewalk, bike parking, car parking or private yard Assign this location a name – e.g. Office Leave misc. note (optional) e.g. intercom code to access private yard Saved locations
  • 17. Step 2: Your Vehicle Model and Make dropdown menus display base cleaning fee License plate number manual entry Date selector Parking time selector
  • 18. Step 3: Review/Confirm Wash Optional services selection for premium serve Payment processor integration with option to save card for future one-click ordering
  • 19. Wash Request Detail: Due Recap of submitted wash request with option to cancel
  • 20. Wash Detail Page: Done Recap of submitted wash request with option to cancel
  • 21. Wash Detail Page: Cancelled Recap of cancelled wash request Detailing time between wash request and cancellation and associated fees New wash request