VanMoof App Redesign

Client

VanMoof

Problem

Working closely with VanMoof, we established a design language through designing an app that supports the user in having the best possible city cycling experience – from unboxing to unlocking and from disarming to recovering a stolen bike.

Out of the Box
So Many Parts
Trouble Assembling

We got to know our users’ experience with a test ride.

To better understand the needs of our users, we immersed ourselves in the experience of setting up and riding a VanMoof through the city. This helped us to identify pain points that we could improve through the app’s redesign.

We then determined a handful of features we might want to add to the existing experience. We explored these additions as well as the interaction model and visual design through a series of design gestures.

Gestural Design Explorations

We created a design that was meant not to be used.

The goal of the app was not to create a great experience, but rather to support the great experience of riding. So we created a series of screens that was meant to help the user during key moments off the bike, and to get out of the way once he started pedaling.

Refining a Design Direction

We worked with developers to ensure our design could be built.

To communicate an experience with an integrated chat interface to developers, we built two diagrams. The flow diagram showed how the user moves through screens, while a decision tree how the user engages with a chat bot for help.

To wrap up the project, we created design guidelines to communicate the rationale behind our decisions so that VanMoof’s internal team could move forward with confidence when adding new features.

UI Toolkit
Flow Diagrams and Decision Trees

Project Artifacts

Product Audit

Immersion

Experience Principles

Interaction Model

Gestural Design

Interface Design

Component Library

Flow Diagram

Design Guidelines