BOND E-Bike ON Demand

header-img
header-img

The challenge

Mile was tasked to re-think and redesign the whole mobility solution

BOND approached us at a time when their company needed a fresh mobile application. Only application? We'll see. 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. We had a solution for this as well.

Solution and the beginning

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.

As anticipated, a few must-haves weren't supported by the existing backend. Our solution - and we did it! was to create a proxy backend (mini-backend we called it at the time) which would proxy already available functionalities, but handle the missing ones. One of the must-haves that was implemented on mini-backend was log in with a Phone number - SMS challenge.

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
bond-screen1
bond-screen2
bond-screen3
bond-screen4

Services we provided

ux-design

Scoping and UX

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

UI Design

We 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.

development-icon

Development

With wireframe done, development of any non 'design-dependent' components is already running. Sprints are rolling, and sections with the completed design are being included weekly.

support-icon

Support

Our work doesn't end with a release. We provide continuous development, maintenance, and support with any potential issues on all platforms.

bond-screen-lines

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.

01.Map

bond-screen-1

02.Zone

bond-screen-2

03.Navigation

bond-screen-3

04.Bike Details

bond-screen-4

05.Bike Ride

bond-screen-5

06.Return Bike

bond-screen-6

07.Bike List

bond-screen-7

01.Map

bond-screen-1

02.Zone

bond-screen-2

03.Navigation

bond-screen-3

04.Bike Details

bond-screen-4

05.Bike Ride

bond-screen-5

06.Return Bike

bond-screen-6

07.Bike List

bond-screen-7

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.

img
img
img
img
img

iOS & Android

Apps were our main focus on this project and we wanted to make them feel as 'native' as possible. We did that by respecting the platform-specific navigation and by coding them natively in Swift and Kotlin.

What our clients say

  • slider-avatar

    Nick Müller

    Head of IT, Bond Mobility, Zürich
    quotationMarks

    We started small, but very soon we were impressed by their capacity to provide good feedback, great and innovative product ideas, and high-quality code. They cared about our product as much as we ourselves!

    And on top of that, we saved more than 40% compared to our previous local partner. Yes, collaboration can be as beneficial as that!

  • slider-avatar

    Raphael Hess

    Delivery Lead, Bond Mobility, Zürich
    quotationMarks

    Nowadays, good collaboration is built on trust. Since joining BOND and working with MILE we had a very close relationship which based on trust. For every discipline we needed we had someone responsive at MILE. Responsiveness, getting things done without Micromanagement - Working with MILE felt like an internal team of great colleagues. Agility based on our requirements without expensive Tools. Thanks to the good collaboration we were able to implement Features in no time and increase customer satisfaction steadily.