Ride Driven

A digital platform for Yeti Cycles.

Yeti Cycles is a legendary cycling company with a heritage of building bikes that are "Ride Driven". But how do you convey that ride experience online? You build a digital platform yeticycles.com/bikes that demonstrates its trail capabilities. No bullshit. Speak plainly and inform.

Yeti Cycles is a legendary cycling company with a heritage of building bikes that are "Ride Driven". But how do you convey that ride experience online? You build a digital platform yeticycles.com/bikes that demonstrates its trail capabilities. No bullshit. Speak plainly and inform.

Make A Statement

You have a few seconds to make a first impression, so hit 'em with the goods and nothing else. A clean sophisticated aesthetic hits users mirroring the execution of the bikes to the page look and feel.

Make a Statement. You have a few seconds to make a first impression, so hit 'em with the goods and nothing else.

Craig Grant, Yeti Cycles, Bikes, Website
Craig Grant, Yeti Cycles, Bikes, Website
Craig Grant, Yeti Cycles, Bikes, Website
Craig Grant, Yeti Cycles, Bikes, Website

Content Cues

Typography and slo-mo cues head each section. Intuitively keying users to what lies within.

Craig Grant, Yeti Cycles, Bikes, Website
Bikes_Technology_Cover
Craig Grant, Yeti Cycles, Bikes, Website
Bikes_OurProcess_Contents

Ride 'Em Fast

Ride Fast

Cinematic product vids were created to mix the beauty of riding with the real-time trail speed.

Craig Grant, Bellingham, Washington
Craig Grant, Bellingham, Washington
Craig Grant, Jubal Davis, Lenawee, Colorado
Revelstoke, Yeti Cycles

Every aspect of the site was geared to show how the bike's features perform on the trail.

Craig Grant, Shawn Neer, Lenawee, Colorado

Intended Use

Intended Use

Rather than use vague terms, animated terrain graphs provide the rider with a visual indicator of each model's trail capabilities.

Craig Grant, Yeti Cycles, Bikes, Website
Craig Grant, Yeti Cycles, Bikes, Website
2019_SB150_Lenawee_Screencap
Craig Grant, Yeti Cycles, Terrain Graphs
2019_SB100_Bellingham_Screencap
Craig Grant, Yeti Cycles, Terrain Graphs
2019_SB150_Revelstoke_Screencap
Craig Grant, Craig Grant, Yeti Cycles, Terrain Graphs

Deep Dive

Each section contained multiple chapters with detailed information, allowing users to take the deep dive on the model design. An inventive open and close navigation allowed quick access.

Craig Grant, Yeti Cycles, Bikes, Website
Craig Grant, Yeti Cycles, Bikes, Website
Craig Grant, Yeti Cycles, Bikes, Website
Craig Grant, Yeti Cycles, Bikes, Website
Craig Grant, Yeti Cycles, Bikes, Website
Craig Grant, Yeti Cycles, Bikes, Technology
Craig Grant, Yeti Cycles, Bikes, Technology
Craig Grant, Yeti Cycles, Bikes, Technology
Craig Grant, Yeti Cycles, Bikes, Technology
Craig Grant, Yeti Cycles, Bikes, Technology
Craig Grant, Yeti Cycles, Bikes, Technology

Spec Access

Technical info is critical, but it can burden the page. An intuitive overlay system allowed for a clean page with easy access to specs at any time during the page scroll.

Craig Grant, Yeti Cycles, Bikes, Website
Bikes_Tech_Kits
Bikes_Tech_Support_Reviews
Bikes_Tech_Support_FAQ
Bikes_Tech_Support_ShockSetup
Bikes_Tech_Support_ShockSetup_Mobile

Beautiful Details

Product photography was lovingly taken to highlight the design. Stripping away the unnecessary.

Product photography was lovingly taken to highlight the design. Stripping away the unnecessary.

Product photography was lovingly taken to highlight the design. Stripping away the unnecessary.

Client

Yeti Cycles

URL
My Role

Creative Director
Designer
Writer
Film Director
Cinematography
Photography

Creative Director
Designer
Writer
Film Director
Cinematography
Photography

Creative Director
Designer
Writer
Film Director
Cinematography
Photography

Creative Director
Designer
Writer
Film Director
Cinematography
Photography

Creative Director
Designer
Writer
Film Director
Cinematography
Photography

112%

112%

Increase in traffic to yeticycles.com/bikes

150k+

100k+

Views of product videos

1

1

1

1

awwwards *honorable mention*

awwwards *honorable mention*

awwwards *honorable mention*

awwwards *honorable mention*

awwwards *honorable mention*

1

Comm Arts - webpick of the day