VanMoof - Mobile App & UX UI Design

We’re looking for a mobile app to improve our product’s user experience and make it more engaging.

David Marshall, CEO at VanMoof

David Marshall

CEO at VanMoof

Screenshot of the VanMoof mobile app interface for the Electrified S3 bike on an iPhone, showing battery level.

About the project

VanMoof App is a revolutionary mobile application designed to enhance the cycling experience.

With a seamless blend of cutting-edge technology and user-friendly features, this app aims to transform the way people interact with their bikes.

  • Client

    VanMoof


  • Project

    VanMoof


  • Category

    Sport


  • Date

    2023


We took on the task of developing a unique mobile application for controlling your VanMoof electric bicycle and giving this experience a special atmosphere

  • SaaS UX UI Design And Development | UX & UI Design

    SaaS UX UI Design And Development | UX & UI Design

Logotype

Symbol of motion

  • We designed a logo for the VanMoof - Mobile App project that cleverly merges the initials V and M into a single, recognizable symbol. This minimalist mark reflects the brand’s innovative spirit while maintaining a sense of clarity and motion.

    With its geometric balance and clean lines, the logo seamlessly complements the app’s modern interface. It is built to revolutionize the way users interact with their bikes through smart, intuitive features.

  • Screenshot of the VanMoof mobile app or bike interface, displaying meter and branding elements at night.
  • Detail view of a sleek VanMoof bicycle, highlighting its design.

    UI Mobile Application Design | UX & UI Design

Typography

Readability meets style

  • To complement VanMoof - Mobile App ui / ux, we chose Lufga that perfectly balances clarity and character. With its clean lines, rounded curves, and excellent legibility across sizes, Lufga reinforces the app’s forward-thinking aesthetic while ensuring a comfortable reading experience on the go.

    Its contemporary tone aligns with VanMoof’s vision of smart mobility, making every word feel as precise and dynamic as the ride itself.

  • Graphic design showcasing VanMoof branding and typography, used in advertising or marketing for their vehicles and mobile app.

    VanMoof App - Branding | UX & UI Design

  • A VanMoof electric bicycle, central to the brand and mobile app experience.

    Product Design AI | UX & UI Design

SMM

Bold visuals

  • To strengthen VanMoof’s brand presence beyond the app, we developed a cohesive Instagram style that combines real-life photography with bright, minimalist illustrations.

    This visual contrast creates a distinctive, recognizable feed that captures the spirit of modern urban cycling. By blending vibrant accents with sleek imagery, we ensured that each post not only tells a story but also reinforces VanMoof - Mobile App example and design-driven identity.

  • New VanMoof mobile app update interface featuring a person.

    Artificial Intelligence For Marketing | UX & UI Design

UI Design

Configure your bike

  • The user can craft a distinctive riding experience on his VanMoof bike through our app, gaining full control over every setting. They can customize speed levels, track rides in real time, locate their bike via GPS, and even unlock it with a simple tap.

  • A VanMoof S5 e-bike, showcasing its design.
  • Smartphone displaying the VanMoof mobile app interface for the Electrified S3 bike.

    AI In Product Design | UX & UI Design

  • VanMoof bike showcasing integration with the mobile app for full control.
  • Monochrome graphic with VanMoof branding and text "MOOF for your bike Smart app".

    Artificial Intelligence In Travel And Hospitality Industry | UX & UI Design

UI Design

Personal bicycle customization

  • Every detail of your bicycle customized to your preferences, creating a ride that feels uniquely yours.

  • VanMoof S3 e-bike with a person and text "Every detail of your bicycle customized to your preferences," highlighting app features.
  • Person holding a phone showing the VanMoof app near a VanMoof electric bike.

    AI In Travel Industry | UX & UI Design

UI Design

Keep track of your bike's battery life

  • Our team designed a clear and intuitive way for users to monitor their VanMoof - Mobile App bike’s battery life directly in the app. With real-time updates and visual indicators, riders can plan their trips confidently, knowing exactly how much power remains. Whether commuting across the city or heading out for a long weekend ride, the battery status is always just a glance away ensuring a smooth and uninterrupted journey.

  • Screenshot of the VanMoof mobile app interface on an iPhone, displaying vehicle details.
  • Billboard mockup showing VanMoof branding and the slogan "Freedom and confidence in your journey".

    Artificial Intelligence In Travel Industry | UX & UI Design

  • VanMoof mobile app screenshot: Bike UI with gear, speed, and terrain settings.

    AI In The Travel Industry | UX & UI Design

Branding

The signature of VanMoof

  • Our team developed a cohesive visual style not only for the app but also for VanMoof’s external advertising and branded merchandise for employees. The design language we created combines bold typography, vibrant colors, and minimalist graphics that reflect the brand’s innovative spirit and urban energy.

    This unified aesthetic strengthens brand recognition across billboards, transit ads, and swag ensuring every touchpoint resonates with VanMoof’s identity and inspires pride among the team.

  • VanMoof mobile app graphic illustrating seamless bike control.
  • Mockup of a hanging banner advertising VanMoof, featuring text "MAKE EVERY RIDE customized to your preferences".

    VanMoof App - Branding | UX & UI Design

  • Graphic design diagram for VanMoof branding or mobile app, showing text and meter visuals.
  • Person wearing branded outerwear, showcasing the company's lifestyle branding.

    VanMoof App - Branding | UX & UI Design

Core Feature

Smart ride analytics

  • The app provides users with detailed insights into their cycling habits, including speed patterns, distance traveled, and calories burned. By analyzing this data, riders receive personalized tips to improve their performance and safety, making every ride smarter and more enjoyable.

  • Screenshot of a mobile app interface showing vehicle settings like Motor Assistance and EcoBoost mode.

    AI For Travel Industry | UX & UI Design

  • Screenshot of the VanMoof mobile app interface on an iPhone.

    AI Travel Industry | UX & UI Design

About Work Done

Result

  • We have moved from analyzing competitors to the final result, which you are witnessing today in 5 sprints.

    The project embodies an original and captivating brand concept that perfectly aligns with its goals and needs. Thanks to significant efforts invested by the team, an incredibly user-friendly interface was developed. The end result has proven to be a remarkable achievement.

  • After the initial user testing, their feedback has been overwhelmingly positive, confirming we’re on the right track.

    David Marshall, CEO at VanMoof

    David Marshall

    CEO at VanMoof

  • VanMoof App - Branding | UX & UI Design

    VanMoof App - Branding | UX & UI Design

Shall we chat?

[email protected]

Let’s

Image

talk

This site uses cookies. By continuing to browse the site, you are agreeing to our use of cookies.