I built a tokenized Design System to bring consistency to SafetyWing

I built a tokenized Design System to bring consistency to SafetyWing

I built a tokenized Design System to bring consistency to SafetyWing

My contribution

Product strategy
User research
Product design

The team

1 × product manager
2 × product designers
6 × engineers
1 × researcher
1 × marketer

Year

2020

Overview

In this project case study, I will be sharing my experience designing a mobile app for a local fitness centre. The goal was to create an app that made it easy for gym-goers to view class schedules, book sessions, and track their progress.

Throughout the design process, I focused on creating an intuitive user interface that would enhance the overall user experience and encourage engagement with the app.

Problem

Imagine Sarah, a freelance web developer from Canada, currently working from a small café in Bali. She's just received medical treatment for a severe case of food poisoning and needs to file an insurance claim. As she sits down with her laptop, feeling weak and frustrated, she's confronted with SafetyWing's current claims process. The form seems endless, asking for information she's not sure how to provide. The hospital gave her a handwritten receipt in Indonesian, and she's not certain if it contains all the required information. As she tries to upload the document, she realizes the file is too large and she needs to find a way to compress it. Sarah sighs, closes her laptop, and decides to deal with it later – if she remembers.

This scenario encapsulates the core issues with the current claims process, tl;dr:

🧾 Unecessary documentation
Requesting non-critical documents burdens users and claims processors.

🗳️ Rigid upload process

Throughout the process, I worked closely with the fitness centre’s team to ensure that the app met their requirements and aligned with their brand identity.

Breaking down the project

The design process for the fitness centre mobile app involved several key stages. Firstly, I conducted extensive user research to understand the needs of gym-goers and identify pain points with existing fitness apps.

Building on strong foundations

Based on this research, I developed user personas and created wireframes to map out the app’s functionality and structure. From there, I created a high-fidelity prototype and conducted usability testing to refine the design and improve the user experience. The final design included features such as a personalised workout tracker and an easy-to-use booking system.

Collaborating with the internal team

Throughout the process, I worked closely with the fitness centre’s team to ensure that the app met their requirements and aligned with their brand identity.

Project image
Project image
Project image
Project image
Project image
Project image
Project image
Project image
Project image
Project image
Project image
Project image

Outcome

The final outcome of the fitness centre mobile app was a user-friendly and engaging digital product that exceeded the client’s expectations.

Users were able to easily view class schedules, book sessions, and track their fitness progress, all within a seamless and intuitive app experience.

As a result, the fitness centre saw an increase in user engagement and loyalty, and the app has become an important part of their overall customer experience.