Peter Yang - The New BLUEbikes

The New BLUEbikes project hero

Blue Bikes market and user research

Blue Bikes user insights and identified issues

Blue Bikes information architecture exploration

Blue Bikes wireframe exploration

Blue Bikes onboarding prototype

Menu and State Bar

Search and Favorite List

Profile

Redesign

Brand New Interface

Check and Change My Pass

Access Ride History

Access History

Reviewing Personal Record

The subscription information page is added to the menu page so riders can access their pass record in only a few steps. They can also review overall records and riding courses on the map more intuitively.

Unlocking with QR Code

Unlocking with Number

Report Issues

Unlock

Unlock a Nearest Bike and Report an Issue

Navigating the route

End the trip & Post your experience

Navigation

Destination Guidance in Unknown Areas

Start and end controls are essential while riding. Enlarged buttons and visible colors help riders operate the navigation flow more easily, even when they are moving through unfamiliar areas.

Blue Bikes local attraction and favorite ride features

Blue Bikes safety issue reporting feature

Blue Bikes dark mode interface

UIUX DesignCase Study

Overview

Where I Started

Problem Statement

First-time riders, including visitors and tourists, need clearer tutorials, safety guidance, and easier rental flows.
As ridership recovered after the pandemic, the app needed to support more users with better access to station status, passes, navigation, and issue reporting.
Bluebikes had room to move beyond rent-and-return utility by supporting local exploration and recommended riding courses.

Context

Research covered micromobility market shifts, shared mobility competitors, app reviews, public rider data, and interviews with 10 Boston riders and visitors.
Key user needs included affordable mobility, safer riding, clearer bike and dock availability, easier onboarding, and better support for unfamiliar areas.

What I Did

Responsibilities & Contributions

Audited the existing Bluebikes app flow and benchmarked shared mobility and map-based products.
Redesigned information architecture, onboarding, station detail, unlock, pass history, navigation, safety report, local attraction, and dark mode flows.
Produced wireframes, high-fidelity UI, motion prototypes, and video mockups to communicate the renewed experience.

Impact

Clarity

Made bike and dock availability easier to scan without extra interaction.

Confidence

Added onboarding, safety notices, QR unlock, and issue reporting to reduce friction for new riders.

Experience

Expanded the app from basic rental support into navigation and local discovery for Boston rides.

What I Learned

Key Insights

Small interaction improvements can make a familiar public service feel more welcoming, especially for first-time riders.
Bike-share UX needs to work in motion, under time pressure, and in unfamiliar urban contexts, so visibility and direct actions matter.

Critical Constraints

The redesign was a concept study, so the next step would be testing prototypes with more riders and incorporating deeper survey results.
Station operations, real-time availability, and safety reporting would need service-level integration before implementation.