Main Container -->
Revolt Case Study : Onething Revolt Case Study : Onething

Revolt

India's first AI enabled electric vehicle company

Client

Revolt Motors

Platform

Mobile

Services

UX Research, UX and UI Design, UAT

Explore the product

Explore it here

Revolt Motors is primed to disrupt the Indian automotive sector with a set of revolutionary electric sportbikes. Revolt bikes are fast, beautiful to look at, feature-packed and come with swappable batteries allowing users to go from 0-100% charge in 60 seconds. In stark contrast, the existing competition is slow, unreliable, unpleasant and takes significantly longer to charge up. Along with the bikes, Revolt is introducing a groundbreaking ecosystem based on constant internet connectivity and induction of nation-wide "swap stations" that would carry fully-charged batteries for the bikes. Revolt users rely heavily on a mobile app to interact with this ecosystem, which we were asked to envision, design and execute.

Revolt Case Study : Onething

Design
Objectives

01

The app design had to set a new benchmark for the automotive sector and establish Revolt as the definitive thought leader.

02

The app had to be intuitive, usable, and fun. It had to familiarise users with the ecosystem and possibilities they could explore as the owner of a Revolt bike.

03

The app design had to provide the Revolt team with a style guide which could be used across their marketing, sales, brand and internal communications.

04

We had to assist the core Revolt team with the simultaneous launch of their new automotive brand, bike, and mobile app.

User
Research

The Revolt brand was set up to look uber-cool and futuristic, but it was aimed directly at the mass-market - the millennial urban commuters who travelled mostly from home to work and back, earned less than 1 lakh a month and were focused on maximising value-for-money.

Revolt Case Study : Onething
  • For most millennial bike owners, the look and feel of the product mattered to them the most. Therefore, the app and the bike both had to offer them a visually “cool” aesthetic that they could show off.


  • 84% of electric vehicle owners mentioned “long charging time” in the top three issues they face with their vehicles on a day-to-day basis.


  • 38% of users stated they would be comfortable with an electric vehicle as their next purchase for mode of transportation.

Information
Architecture

In order to best reproduce all the desired functionality of the bike within the mobile app, we created and adapted a Core-Mantle-Crust approach to the structure of the IA.

Revolt Case Study : Onething

Wireframes

For Revolt, we stuck to pen-paper wireframing and interpreted the wireframes directly in UI to rapidly explore design iterations and speed up the product design cycle. By taking feedback on these wireframes directly from the Revolt team, we were able to quickly discuss and finalise the product and ecosystem behaviour.

Revolt Case Study : Onething

Visual Design

With the interface design, Revolt handed us a blank cheque - we were free to design it however we wanted. And after cycling through 16 different app home screens, we settled on one we all agreed was the best of them all.

Revolt Case Study : Onething Revolt Case Study : Onething

We decided to showcase the bike's best and most frequently used features directly on the home screen of the app. On opening the app, the user would immediately be able to see the bike's current location, mode, and range/battery level, as well as perform actions like starting the bike remotely, changing the bike's sound, geofencing it, finding a nearby swap station, or ordering a fresh battery to their current location.

Revolt Case Study : Onething

Class one.

The app design was based entirely on shades of black and pure white, conveying a sense of modernism and class, along with a shade of green that we felt best represented the "electric" element of the brand, and were a subtle callback to the famously futuristic (and digital) Tron bikes.

Revolt Case Study : Onething
Revolt Case Study : Onething

Throughout the app, we only used one typeface - the minimal, wide, and geometric Montserrat. We also only used it in uppercase - giving each bit of text a generously blocky look, giving it a futuristic angle, and also indirectly encouraging our copy to be short and crisp.

Revolt Case Study : Onething Revolt Case Study : Onething

The majority of the screens and elements were designed to give the appearance of stacked blocks beside each other, interchanging colours between black and white to add a sense of dynamism and contrast to the entire experience, and with the electric green behaving as a common anchor between the two themes.

Revolt Case Study : Onething
Revolt Case Study : Onething
Revolt Case Study : Onething
Revolt Case Study : Onething

An epic
response

01

Unveiled on June 18th 2019 at Revolt's brand launch, and used by the CEO directly to showcase the features of the Revolt ecosystem to the world for the first time.

02

Rave reviews (along with the actual bikes, of course) by the automotive press; the MyRevolt App was rated 4.2 and 4.4 on the Android Store and App Store respectively.

03

The Revolt App was the winner of India’s Best Design Project in 2019.

Revolt Case Study : Onething

04

The Revolt App was also nominated in the “Digital Ergonomics” category at Design4India Awards in 2019.

Revolt Case Study : Onething

With onething.design, we observed the balance between the two co-founders and their team’s freedom of expression. Usually, with design studios, it’s founder-driven, and all ideas stem only from the top. We didn’t find that with onething.design. Getting over creative roadblocks and complex design problems are easy with their team.”

Saurabh Sharma,
Head of Product Design at Revolt Motors

READ ON CLUTCH