Bonsaksen design
All projects

Company

Ride

Project

Improve functions and usability of a bicycle application for Oslo

Responsibilities

  • Project Manager
  • UX Design
  • Code Application

Summary

Ride is a multi-feature bike app for Oslo designed to go far beyond Oslo Bysykkel's basic station-finder. It consolidates bike rentals, cultural sightseeing, real-time weather, and swimming spots into a single, accessible experience.

Introduction

Oslo deserves a better bike app

The client came with a clear brief: build a bike app for Oslo that does more. Oslo Bysykkel is functional — you can find stations and check availability — but that's about it. There's no cultural context, no weather integration, no swimming spots on your route.

The vision for Ride was an app that makes cycling in Oslo genuinely enjoyable and informative, not just logistically useful.

The problem

Too many apps, not enough integration

Users who cycle in Oslo regularly are juggling multiple apps: one for bike availability, one for weather, one for sightseeing tips, another for swimming spots in the fjord. Younger users especially are getting tired of this fragmentation.

The core problem: no single app addresses the full cycling experience. Ride was designed to consolidate all of it.

🚲

Bike rentals

🏛️

Cultural sites

🌤️

Weather & air temp

🏊

Swimming spots

Competitor analysis

What the competition gets right — and wrong

Oslo Bysykkel was the primary benchmark. It does one thing well: showing station availability. But it offers no recommendations, no weather, no cultural layer, and no way to plan a scenic route.

International bike apps like Strava and Komoot offer planning and tracking, but they're sport-focused. None of the existing options serve the casual urban cyclist who wants to have a good day, not log a PR.

The key finding: there's clear whitespace for an app that combines utility with discovery.

Design process

From wireframes to accessible high-fidelity

Wireframes were sketched out early to establish the core navigation structure: a map-first interface with a bottom sheet for details. The wireframing phase was deliberately rough — the goal was to validate the information architecture before investing in visual design.

Accessibility was central to the design process from the start. Color contrast was checked at every stage using the Contrast by Marrk Figma plugin and contrast-ratio.com to ensure WCAG compliance. All interactive elements were designed to meet WCAG AA at minimum.

Style guide

Blue for familiarity, clarity for trust

The color palette was intentionally anchored in Oslo Bysykkel's established blue. The rationale: Oslo cyclists already associate that blue with the city's bike infrastructure. Using it in Ride creates an immediate visual connection that makes the app feel familiar from first launch.

From there, the palette was extended with lighter, airier tones to give the app a sense of space and ease — appropriate for an app designed to make cycling feel enjoyable rather than stressful.

Final design

A cycling companion for the whole day

The final prototype enables users to:

  • Locate nearby bike stations and check real-time availability
  • Discover cultural sites and points of interest along their route
  • Check current air temperature and water temperature at nearby swimming spots
  • Plan a route that incorporates all of the above

The result is a bicycle app that treats cycling as a lifestyle, not just a transit option — and that makes Oslo feel like a city worth exploring on two wheels.