Back to Top
Designer & Educator
motivate-thumb.jpg

Motivate Bike Share

Motivate makes cities more accessible, healthy, and sustainable by planning, launching, and operating bike share systems around the world. They launched Portland’s Biketown, expanded New York’s Citi Bike, and currently facilitate the operation of a dozen world-class bike share systems.

Managing their old sites had become a nightmare. Users on the go were unable to find the information they needed on mobile. The sites weren’t effectively communicating the value proposition of joining a bike share. Motivate needed a new platform that would solve these problems and allow them to spin up a website faster than they could launch the city’s bike share.

Role: Design system, reference guide
2016

2017 Webby Honoree, Green 

 We worked closely with Motivate to create one system that would rule them all. While every city’s site is hierarchically consistent in layout and information architecture, each feels visually distinct and uniquely their city. 

We worked closely with Motivate to create one system that would rule them all. While every city’s site is hierarchically consistent in layout and information architecture, each feels visually distinct and uniquely their city. 

 We started with Citi Bike and designed a number of templates that could serve as the launchpad for future bike share websites. 

We started with Citi Bike and designed a number of templates that could serve as the launchpad for future bike share websites. 

 We designed a flexible “banded template” that could work with a variety of content needs. Our developers devised a clever way to allow admins to choose options for images to lay within or overlap a band’s background, all in one template. 

We designed a flexible “banded template” that could work with a variety of content needs. Our developers devised a clever way to allow admins to choose options for images to lay within or overlap a band’s background, all in one template. 

 We designed with future content needs in mind, such as events that build up during the summer months, and city exploration tips that can be filtered by categories and attraction types. The "Explore" pages also feature a fun little biker that moves on scroll.

We designed with future content needs in mind, such as events that build up during the summer months, and city exploration tips that can be filtered by categories and attraction types. The "Explore" pages also feature a fun little biker that moves on scroll.

biker-citi.gif
 After launching Citi Bike, we helped Motivate launch  BIKETOWN , Toronto Bike, and  Hubway  using the same structure and design system.

After launching Citi Bike, we helped Motivate launch BIKETOWN, Toronto Bike, and Hubway using the same structure and design system.

 We also created a reference guide to help Motivate’s web admins select typefaces and colors for future websites that will work within the design system.

We also created a reference guide to help Motivate’s web admins select typefaces and colors for future websites that will work within the design system.

Motivate-Reference-Guide_v1.01_AB-2.jpg
 In the months since Citi Bike’s launch, Motivate has independently launched a few additional sites within the system:  Divvy ,  CoGo , and  Capital Bikeshare .

In the months since Citi Bike’s launch, Motivate has independently launched a few additional sites within the system: Divvy, CoGo, and Capital Bikeshare.