This is how I designed a car subscription companion in an app.

Onto

Product Design

The project

Onto is Europe’s largest electric vehicle (EV) subscription service. It’s an all inclusive subscription service, meaning it offers everything from charging, servicing and breakdown cover with your car.

The app is one of Onto’s core digital products and main customer touch points. It enables Onto’s customers to manage their subscription and enhances their EV experience.

While I was working at Onto we grew to a team of 8 designers, from Content Design, Service Design and Product Design. I worked as the sole Product Designer in the app team, a cross-functional team of engineers and a Product Manager.

App redesign

A large part of my role at Onto has been getting the app redesign over the line. Onto went through a rebranding process, and we took this opportunity to redesign the app, improve the navigation and bring everything in line with the new design system. I joined Onto during the redesign process and handed over the redesign project. I worked closely with the engineers and Product Manager in my team to ensure the project was completed.

Add bolt-ons for extra flexibility

Earn rewards and save money

Manage and upgrade the subscription

Access support and help on-the-go

Connect to the car

Add bolt-ons for extra flexibility

Onto

Product Design

New functionality - damage reporting


The Problem

The app acts as a companion for customer’s subscriptions, and is designed to make having an electric car easier and simpler. Reporting damage was a common user need, which traditionally had to be done by contacting customer service. This process took a long time, with back and forth asking for pictures and additional details, taking up Customer Service time and creating a bad experience for the customer.

Design system


As a Product Designer at Onto, a large part of my role has been updating, maintaining and following the design system. As a young company that has recently been through a rebrand process, the design system has been a work in a progress. Since joining Onto, I have ensured that 100% of the app’s design components follow the design design system.

Buttons

When I joined Onto I realised that there were a lot of inconsistencies in the way we used our buttons, especially between web and app. We also didn’t have all the states needed to be truly accessible in our design system, including a hover state. Our secondary buttons were not accessible on our commonly used background colours, which was really limiting.

I therefore took it upon myself to redesign our buttons, ensuring we had all the states needed and we had enough flexibility. I used documentation to ensure the design team are using the buttons consistently.