massBike
Visual Identity, UI Design

massBike is a community. It promotes, supports, advocates and brings together. Events of all statures across Massachusetts are available to viewers on the app to choose, schedule, archive, and stream. massBike emphasizes accessibility and inclusivity while channeling a rich cultural history of competitive sport. 
The visual identity of massBike appears in public spaces and private interfaces, working cohesively in tandem like well-oiled gears and chains. It includes a wordmark and a symbol that can be separated or combined, masked with images, or manufactured into physical decals, emblems, and badges to be shown off on equipment and displayed at events; inspiring photos of bikers looking forward and onward; dynamic motion graphics in the signature forest green and off-white encouraging movement, growth, progress; a cohesive set of icons denoting the types of events users can access; 3D scenes of bikes in a variety of diverse environments; and a user experience that brings the whole state into one small, familiar community.
Biker photos were generously contributed by Alex Ostroy. Visit his site, ostroy.com

massBike's slogan "Pedal Together" as the central element of the advertising campaign

The logo as a vinyl sticker applied to different surfaces

An introductory logo animation primes the experience and sets expectations high

Bringing visual cohesion across touchpoints is essential for building recognition, establishing credibility, and simplifying user decision-making

The purpose of the massBike app is to minimize barriers between people and cycling events. To make sure of this, user flows are kept simple and tight, making event discovery to registering simple and efficient.

Splash screen alternates. The emotion conveyed upon opening the app is an important part of the experience

A cohesive icon set lends a smooth experience that becomes more familiar and automatic with each use

Additional logo applications for a variety of events

A 3D exploration of alternate marketing material using pre-existing models

In collaboration with but not officially endorsed by the Massachusetts Bicycle Coalition.

Also check out

Back to Top