BOND E-Bike ON Demand

The challenge

BOND approached us at a time when their company needed a fresh mobile application. The company had an existing solution, existing backend, and an existing iOS application, but it was time to do a full rebuild, build an app that was scoped and designed from scratch.

The competition was huge at the moment, and every aspect of mobility had to be taken into account, e-bikes, scooters, even features from taxing apps. Lyft, Spin, Uber, Lime, Jump, TIER - are only some to mention. We had to find what was great about all those apps, and find a way to apply best of the best in a new e-biking app.

To make our task even more interesting, a new application was supposed to work with the existing backend, meaning, all those great features we would come up with would have to be "filtered" by what's available (or could be developed quickly) on the backend, or thrown into an icebox for some future iterations.

Solution and Result

We did the complete analysis of BOND's existing solution, cross-compared with every single competitor app, extracted and documented what we considered to be the most important feature-set for the next best E-Bike App, and got ourselves a complete backlog of features. Together with BOND, we created a subset for MVP - and started working on it.

Some MVP features

Log in with a Phone number
Manage payment methods
Manage driver's licenses
Reserve and Book e-bike
No parking zones
Manage profile and ride history
Report an issue

Some post-MVP features

Bonus-zones
Discount packages
Promo codes
BOND Credits

Provided to client

UX Design

With the backlog in place, we made the wireframe of the app. Wireframe represents the 1st 'visible' result of work, and at this stage, we can still make scope changes easily.

UI Design

Created a unique branding style and a visual part of a product. Some of the results are a detailed style guide, custom-crafted components, and beautiful app screens for iOS and Android.

Building the initial user experience

A wireframe is the fastest way to visualize what previously was a text-only scope. With a visible map of the product, it's very easy to spot potential missing pieces of the scope. A wireframe should be iterated only until the scope is adjusted enough for development and design.

Building the initial user experience

Creating the visual direction

It's all about sending a message. No, seriously, visual direction must be in line with the whole philosophy of the company and the product. Luxurious, fast, powerful, reliable, those were some significances we wanted to visualize.