Concept Switchback · Bike shop · Ojai

A gravel bike shop that draws your frame to scale

A bike shop with switchback trail graphics and a fit finder that draws your frame with your inseam on it.

View the live concept Get a quote for yours

Switchback home page on a desktop screen — Switchback is a made-up brand. I designed and built it to show what a bike shop store can look like; the people, prices, results and reviews on it are samples.

Switchback home page on a phone — Switchback is a made-up brand. I designed and built it to show what a bike shop store can look like; the people, prices, results and reviews on it are samples.

The brief

Switchback is a made-up gravel and touring bike shop in Ojai that builds three steel bikes and sells bags, tires and tune-ups.

Frame size is the biggest worry when buying a bike online. Size charts list numbers, but riders can’t picture them.

Industry: Bike shop
Type: Online store
Pages: 12
Fonts: Red Hat Display, Red Hat Text
Colors: Trail tealSlateTopo greyWhite

The idea

The switchback

A switchback is a trail that zigzags up a hill. Section breaks are switchback lines with the climb marked, every bike carries a terrain profile, and the fit finder draws your frame to scale with your inseam on it. White, slate and one trail-blaze teal with topo lines; Red Hat Display with Red Hat Text.

Design decisions

Draw the fit

Enter height and inseam and the finder draws the frame to scale with your inseam line, the clearance over the top tube and a starting saddle height (0.883 × inseam).

From fit to bike

The fit finder links to the bike with your size already picked, and every bike page links back to the finder for anyone between sizes.

Bikes from their geometry

Every bike is drawn in code from its own size chart, so the pictures and the numbers always match.

Fit finder

The same page on a desktop and a phone. Try it live

What’s built

Fit finder that draws the frame to scale and picks the size
One size chart for every frame
Terrain profile on every bike
Bags, tires, parts and a tune-up you can book
Bag and demo checkout that sends nothing

Pages to try

Everything works in the browser. Forms and checkout don’t send anything.

Want one like it?

A store like this starts at $15,000.

Your site gets its own idea, the way this one does, built around your business and your customers. You get one fixed price after a free call, and you work with me directly from the first sketch to launch.

Shopify pricing and process Shopify design and development

Free fixed quote

Get your fixed quote

You get a fixed-scope quote within 48 hours. No sales call needed.