VanMoof App UX/UI Concept revisited

Vanmoofer
2 min readJan 17, 2022

You may have read the previous post with the sketches of an alternative design for the VanMoof App. If you haven’t read it, I suggest you take a minute or two to review it first.

UI/UX design concept for the VanMoof App

This article is also on the same topic. This time it has a supporting, interactive UI instead of sketches. For a quick introduction to the subject, you can first watch the video below.

VanMoof App UI/UX Design Interactive Demo (#workinprogress) — click for YouTube link

If the user gives consent, the launch view may display a dynamic background image and an announcement such as a social post from VM directly or an update the user wishes to see, such as friends updates.

Bike view now has a cleaner look, enriched with tiles. At first glance, battery percent is in focus. The name of the bicycle with approximate range value is also present on top-right access to the user’s account.

VanMoof App UX/UI Concept (#workinginprogress) — click for hi-resolution image

Tiles can be fixed or customized. The aim is to help the user develop a behavior. A tile means a simple function, which displays brief info. Using a tile is easy either swipe and tap or only tap.

The navigation tile has preset locations for the tap&go function. Tap&go gets the address, launches the navigation view, directly initiates the ride with the default riding options. The user can assign names on different addresses as presets or let the app process the data and statistically suggest places to go next.

The navigation view contains the overview of the route, trip-related route topology, weather data, and the riding options. The overview tile gives the distance, estimated time (concerning selected riding settings, assist, shifting, boost). Users can swipe on the overview tile, change riding settings and initiate the music player. When the ride starts, the tile disappears or turns into a dashboard.

About VanMoofer: Blending technology and design for e-mobility is the motivation of this blog. If you want to know more about new perspectives and ideas in this context, subscribe to VanMoofer on Medium, follow us on Instagram and Twitter. You can also check suitable VanMoof-Gear and if you like support us with a cup of a coffee ☕️.

🚲 Last but not least, if you consider buying an S3/X3, use the following discount code during checkout and get €100/$100/£95 off on VanMoof accessories & PoM services: ADV-Y78Q-4S9G-HEM7

Visit our website: vanmoofer.com

--

--

Vanmoofer

vanmoofer.com · The driving force behind this blog is the blending of technology and design in the realm of e-mobility.