Application

Track all your vehicle related expenses with Motomoshi.

2019

Introduction

Motomoshi

About Motomoshi
Motomoshi lets you track all your vehicle related costs. You can easily add your fill-ups and expenses, such as maintenance costs or checkups. Motomoshi provides you with a clear overview of all of your entries in a timeline. Over time, your data will be displayed as useful statistics and even on a dedicated report page, which will give you insight in your driving styles, consumption, and costs. Besides tracking fill-ups and expenses, Motomoshi includes various other useful functions. For instance, users can find and view information about venues and petrol stations on a map view, adding missing locations if necessary as they go. They can create useful reminders in order to be reminded when important events are due, such as taking their car for an annual checkup, or extending an insurance. All of this information is accessible to the user both from the Android application and the website, so they can keep track of their vehicle wherever they go.

Designing the application
In 2019 I joined Motomoshi as a Product Designer. Originally the application used a more traditional Android look and feel for each of their screens. The vision for the product however, was to restyle it to a more modern, user friendly and ‘cleaner’ version. As the main designer in team, the challenge of defining this new style was my task. Since the application was already available as a beta version, I worked on both redesigning and expanding existing functionalities and creating new designs throughout the development process. 

This often required gathering and setting design requirements and specifications, generating ideas, sketching and further designing new screens. Some features were more extensive. To create solid results for these new features, I went through multiple design stages. These included gathering requirements, making personas, generating user stories, determining the impact and effort of concepts, low-fidelity prototyping, testing, iterating, more (including A/B) testing and eventually producing a high-fidelity designed prototype, ready for further development. In order to achieve good and user-friendly results I worked closely with the team both throughout and after these design cycles, allowing for solid implementation of delivered designs. Some of the designed screens can be found as a short overview below.

Try Motomoshi, for free!

Onboarding & illustrating

Quicker onboarding

Onboarding

Easily adding your first vehicle

Dashboard

All your vehicle expenses in one place

Dashboard

Quick insight into your expenses

Illustrations

Redesigned icons for venues

Discover

Browsing for vehicles & filling stations

Profile

Quick overview of your profile, vehicles and set reminders

Motomoshi.com

Website homepage redesign

Motomoshi is not only available on Android, but also accessible as a web version. While the application has been changed and redesigned over time, the website had not changed to match. To reflect the changes made to the app, I refreshed the landing page design to a new style. On the new landing page the app is centralised and is used to help refer potential users towards the application. 

The redesigned Motomoshi.com homepage can be previewed by clicking the button below.