What is Cycle to Cycle?
Cycle to Cycle is a web app (mobile + desktop) developed for 56A Bike shop in London. It provides an online diagnosis tool that can help owners with basic bike repairs. The 56A Bike Workshop is a space for Do-It-Yourself repair shop that is run solely by volunteers, who provide free bike repairs and also teach the owners how to repair their bikes.
Who is it for?
The target audience for the app are bicycle owners who are capable of DIY repairs. The app is tailored mainly for people who visit the 56A Bike shop for DIY repairs.
Why is it needed?
The shop is encountering problems with limited space and number of volunteers, and they find it difficult to accommodate all their bike owners during peak hours. By providing an online diagnosis tool that can help owners with basic bike repairs, only necessary bike owners with major repairs need to come to the bike shop for help.
App Requirements:
+ Online diagnosis: Bike, Tools and Repair
+ Calculator: Encourage more people to ride bikes
+ Educate the public about their idea: Self-reliance, Autonomy and Environmental Sustainability - Engage more people to join us
Team Members:
Bona Lee: UI Designer
Mina Liu: Information Architect
Yaboi Wang: Project Manager
Krishnan Vijayaraghavan: Prototype Developer & UX Analyst
Tools Used:
Wireframing: Moqups
Prototype: HTML5, jQuery
Desktop Version: www.krishnan.co.uk/demos/cycle
Mobile Version: www.krishnan.co.uk/demos/cycle/mob
USER JOURNEY
HOME PAGE WIREFRAME FOR DESKTOP VERSION
DIAGNOSIS PAGE WIREFRAME FOR DESKTOP VERSION
DIAGNOSIS PAGE WIREFRAME FOR DESKTOP VERSION
CALCULATOR PAGE WIREFRAME FOR DESKTOP VERSION
HOME PAGE + CALCULATOR PAGE WIREFRAME FOR MOBILE VERSION
DIAGNOSIS PAGE WIREFRAME FOR MOBILE VERSION
MOBILE UI FOR HOME PAGE + MENU
MOBILE UI FOR CALCULATOR PAGE + DIANOSIS PAGE
MOBILE UI FOR DIAGNOSIS PAGE + CONTACT US PAGE
DESKTOP UI FOR HOME PAGE
DESKTOP UI FOR DIAGNOSIS PAGE
DESKTOP UI FOR DIAGNOSIS PAGE
DESKTOP UI FOR CALCULATOR PAGE
DESKTOP UI FOR CONTACT US PAGE