Cityride

CityRide

Rental bike scheme

CityRide is rental bike scheme and currently available in London city, UK. CityRide providing bike hire solution to fulfil the need of commuters and tourist. Working with the latest technology provide like faceScan to unlock bike, safe riding, accident alert and many more advanced features.

Design the interface used on a service that provides city bikes on subscription. This will be multiple device, as well as a pickup and pay dashboard located with the bikes. Take advantage of upcoming technologies—voice or face recognition—or utilize any ideas around security for a user to have fewer steps from arriving to getting on a bike.

Problems

Not easy to access

  • Arriving at a station during peak times and there were no longer any available docks
  • Getting lost in unfamiliar area
  • Can not use public parking
  • Suggestion for popular places near by
  • Insert bike correctly and you are still being charged
  • Wait long to hire an another bike after return

User Flow

We got all the basic and advanced features and started branstorming and created a smooth user experience, easy to find, easy to use flow for our users. At this step, we were also put a lot of effort behind browsing the right product to solve product discovery, easy to check out or review cart so user don’t have to leave the product listing page.

image

Low Fidelity Wireframe

This was very crusial step since we wanted to validate, If we are into the right direction and so far the time we spent, It should be worth so we started to design low fidelity wireframe, so we can do early user testing if user can achieve their goal and get the best experience. Since we made digital prototpype and it can also be used for test, we can do analytics and improve the flow by applying user feedback.

image

High Fidelity Wireframe

This was very crusial step since we wanted to validate, If we are into the right direction and so far the time we spent, It should be worth so we started to design low fidelity wireframe, so we can do early user testing if user can achieve their goal and get the best experience. Since we made digital prototpype and it can also be used for test, we can do analytics and improve the flow by applying user feedback.

image

User Testing

Designed the high fidelity wireframe using Sketchapp and use InVision prototype to conduct user testing to evaluate before go for final visual design.

image

User Interface Design

This was very crusial step since we wanted to validate, If we are into the right direction and so far the time we spent, It should be worth so we started to design low fidelity wireframe, so we can do early user testing if user can achieve their goal and get the best experience. Since we made digital prototpype and it can also be used for test, we can do analytics and improve the flow by applying user feedback.

image

Delivered

This was very crusial step since we wanted to validate, If we are into the right direction and so far the time we spent, It should be worth so we started to design low fidelity wireframe, so we can do early user testing if user can achieve their goal and get the best experience. Since we made digital prototpype and it can also be used for test, we can do analytics and improve the flow by applying user feedback.

image

Check Out More Works

Our case studies describe design and development solutions implemented at our studio. The stories are a valuable resource for those looking to develop their own ideas.

Checkout More work

Next

CityRideimage

Rental bike scheme

Let us know your better!

It is all our pleasure to have you on our website. Let us know if there’s an opportunity to do something together.

Let’s Chat