Jeff Heppert

Background

The Ride + Style event is a fixed gear bicycle competition, sponsored by Red Bull. The one day event has more than 50 riders competing in both freestyle and race events. The event not only focuses on the riders, but brings in the style with local artists to paint the track fixtures.

Our main goal was to make it an interactive experience for everyone who attended. We wanted to change it from a typical static venue filled with spectators to an adaptive and dynamic venue where everyone can participate.

Group members:

Myself Jitao Sun Injun Kim

External Links

Mobile App Demo Wearable Interface Demo Process Journal

Website

Website

Users are able to purchase tickets and view schedules for the upcoming events. The website also serves as the portal for the style portion of the event. Users can submit custom designs for track artwork, and vote for the winners. After the event, the website hosts photos and videos to download.

Show Process

Concepting website general layout.

Early wireframe for the homepage. Long scrolling page with horizontally scrolling sections. We ended up going with a more traditional page-based design to ease any confusion.

Hide Process

Mobile App

Mobile App

We designed the app for 3 use cases: A general spectator, a member of the media team, and a competitor. The login for each user type has a slightly different app flow for their needs. A general spectator’s app focuses on maps, tickets, and schedules. The media team member’s app focuses on credentials and finding team mates. The competitor’s app focuses on their team’s stats and race standings.

Mobile App Demo
Show Process

Early sketches to work out information architecture, interface, and interactions.

Some of the more notable iterations from wireframe to final screens.

Hide Process

Wearable App

Wearable App

The wearable app has been designed specifically for a competition rider. The wearable is primarily to let the rider know their position in the lineup and track their vital stats. The wearable also tracks the position of the rider to inform the post-production effects.

Wearable Interface Demo
Show Process

Wearable sketches and UI iterations.

Hide Process

Brand Identity

Show Process

Initial ideas for logo concepts. The final logo is a blend of the type style from my ideas with Tommy’s logo mark.

Mood Boards

  1. Street Art, graffiti style
  2. Current bike culture: utilitarian, dirty, tough
  3. Electronic dance music inspired artwork. This was the aesthetic that we liked the most. It seemed to portray a “grown up” street art look.
Hide Process
Previous Work Next Work