Ride Like Voila
Client
Voi
Voi
Services
UI/UX
Illustrations
UI/UX
Illustrations
Year
2019
2019
With the rise of e-scooter sharing services across Europe, the improper riding and parking practices associated with these services became a significant concern for cities. In 2019, when e-scooter sharing was not yet regulated, the absence of dedicated infrastructure led to confusion and dangerous misuse. Additionally, since e-scooters are considered road vehicles, they were being used by individuals without driving licenses, resulting in a lack of awareness about traffic rules and signs.
To tackle this issue, Voi Technology, a Swedish startup specialising in e-scooters, developed the pioneering concept of a certified traffic school for e-scooters. Considering the target audience of young adults who still vividly remember the boredom of school, we recognised the need to offer them a unique and enjoyable learning experience. We wanted to develop something that resonated with their fast-paced, mobile lifestyle. This led us to question: Can we entice people to voluntarily join a traffic school? To achieve this, we decided to gamify the entire learning process by creating short, quiz-like tests that aligned with their inclination for quick social media interactions. Instead of requiring payment, we rewarded users with free Voi-rides whenever they answered a quiz correctly, providing instant gratification for their desire to learn.
Below is a basic diagram illustrating the straight forward learn-reward flow.
Age: 35
Location: Stockholm
Job: Engineer
• Technology
• Sustainability
• Electric vehicles
• Voi scooters, when inside the operation area
• Bus, to go to work
• Bike, for short distances
• He wants an e-scooters to commute to work.
• He likes Voi brand product quality and its sustainability commitment.
• He believes in circular economy and prefer to buy second hand.
• Likes shared e-scooter but lives out of operation area.
• He want's to ride e-scooters wherever he wants.
• Doesn't want to spend too much money on a new e-scooter.
Collaborating with Strays agency, we built a captivating vaporwave digital world ruled by Voila, a traffic rules guru who would serve as their guide throughout the learning journey.
Overpass Mono Semibold
Overpass Mono Regular
.png)
The landing page of Ride Like Voila immediately immerses the user in Voila's unique universe.
To sign up and save progress, users must use their Voi account. This ensures that any credits earned for completing the test will be directly charged to their main Voi wallet.
Choosing the language is a crucial step in the flow, impacting the localisation of traffic rules and signs. Users only need to do this once.
This pop-up window provides a quick explanation of how the traffic school works, ensuring users understanding of the traffic school.
The vibrant and colorful menu highlights the vaporwave and almost videogame-inspired style.
Upon completing all the traffic school questionnaires, a new button will appear, allowing users to create their Voi driving license.
Each quiz question is accompanied by an illustration that clarifies, describes, or complements the content being asked.
.gif)
When users answer a question correctly, they will receive clear visual feedback that "rewards" and invite them to proceed to the next question.
.gif)
When a user responds incorrectly to a question, they will receive clear visual feedback explaining why their answer is wrong and inviting them to retry the question.
At the conclusion of each quiz, users will be presented with a screen notifying them that they have been rewarded with 5 Voi credits (equivalent to 5€).
On this screen, users can upload their name and picture to personalise their Voi driving license.
.gif)
Once the driving license is created, users have the option to share it directly on social media platforms.
In addition to designing the entire UI of Ride Like Voila, I took on the responsibility of creating illustrations for each quiz question. With four distinct question types covering general knowledge, scooter components, traffic scenarios, and signs, I adopted four different styles with focus on production efficiency and illustrations clarity. This process led to the creation of over 200 illustrations. Below, you can find examples showcasing the four different styles.
The promotional video featured here was created by the Stockholm-based agency, Strays, to promote Ride Like Voila through social media ads. Although my involvement in the video was limited to being an extra during the filming process, I believed it would add more context to the project, which I thoroughly enjoyed working on alongside Voi.
All rights reserved to their respective owners.
All rights reserved.
