It might be surprising how basic or primary these prototypes look at this stage, but they help a great extent to get the basics of the navigation flow right.

In the design iterations leading up to this final prototype, we let go of quite a few things like circular buttons, a form layout accepting users travel information like city, date, time etc. The objective was always to make the experience more personal for a user, and expecting the user to fill out a form ( like most airline booking platforms) would have been counterproductive. We also decided to have more emotions convayed via extensive use of icons rather than just using text. After we were satisfied with the navigation flow and the total outlook of our design we moved on to developing these prototypes using a high-fidelity mockup tool, our choice being UXPin.

II . Specifics of the High Fidelity Mockup

Design Evaluation —

Color Palette

Throughout the development process, our primary objective was to pave way for an application that the users could trust. The colors, layout, text and icons should all speak stability and safety, while the application interface improving the trust between the users and the startup.

The colors, layout, text and icons should communicate stability and safety. T ext placement was given due thought in order to avoid ‘unreadable’ or ‘obscured’ text.

All this is reflected in our choice of colors, which evoke feelings of calm and peace helping user to stay relaxed throughout the booking process while crucial information such as ‘booking amount’, ’booking dates’ and ‘user instructions’ were displayed in black for emphasizing importance and criticality.

Landing page for wheelstreet.com

Our app takes the user through different screens and on each screen the user is asked to perform a certain action like ‘choose travel dates’, ‘select a bike’, ‘selecting coordinating accessories’ etc., keeping the user involved at all times. We wanted to make the users believe that they could trust the app while executing transactions using their credentials, so the payment screen makes an explicit statement informing the user that their credentials are being encrypted for safety.This would allow the users to feel safe and increase their trust on the startup.

The prototype was developed with extensive use of grids for object placement on the screens, thus providing a sleek look and a clear presentation. In addition to having a clear layout, we used large buttons inspired by ‘flat design’ to make navigation clean and simple. Text placement was given due thought in order to avoid ‘unreadable’ or ‘obscured’ text; where text appeared over images, the image colors, brightness and contrast were muted to make text clearly visible.

The Users’ Journey —

Taking user on a journey and keeping them involved at all times.

With the objective of renting a motorbike for the upcoming weekend trip, the user opens Wheelstreet app. On the homescreen, the user can view the nearest pickup points near them. Once they select the ‘Book Now” option, they are taken to the ‘Select Date and Time of Travel’ page. After they press ‘Check Availability’ the third page displays pickup points in their vicinity which have bikes available with them.