Brandon Patrick Sullivan bps

Work

Web

iSSi Pedals Website, desktop example 1 iSSi Pedals Website, tablet example 1 iSSi Pedals Website, mobile example 1

iSSi Pedals

iSSi is a bicycle pedal brand operating within Quality Bicycle Products. As a small brand, iSSi had a lot of room to be loud and expressive with its product and presentation. In 2016, I led the project of their first major website, strategized and built with flexibility in mind for the future of the brand. Since then, I've iterated with iSSi to adapt their digital presentation to more closely reflect their playful and very colorful nature.

View website
  • Project leadership
  • Digital strategy
  • Wireframing
  • User experience design
  • Web design
  • Front-end development
  • CMS customization
Surly Bikes Website, desktop example 1 Surly Bikes Website, tablet example 1 Surly Bikes Website, mobile example 1

Surly Bikes

Surly is a bicycle brand operating within Quality Bicycle Products. Working closely with Surly over the years, I've developed lots of materials for them. The largest project was for their website redesign in 2018, where we built a new website from the ground up to adapt to their growing needs without compromising their zine-like aesthetic.

View website
  • Digital strategy
  • Wireframing
  • User experience design
  • Front-end development
Whisky Parts Co Website, desktop example 1 Whisky Parts Co Website, tablet example 1 Whisky Parts Co Website, mobile example 1

Whisky Parts Co

Whisky is a carbon fiber bike parts brand within Quality Bicycle Products. As their lineup grew beyond their initial small catalog, so did the need for a larger, scalable website. Specifically catering to the brand's new goal to embrace bold colors and typography, we launched a site listing their wide breadth of product in a vibrant but minimalist display.

View website
  • Project leadership
  • Digital strategy
  • Wireframing
  • User experience design
  • Web design
  • Front-end development
  • CMS customization
Teravail Website, desktop example 1 Teravail Website, tablet example 1 Teravail Website, mobile example 1

Teravail Tires

Teravail is a bicycle tire brand under the umbrella of Quality Bicycle Products. Their focus is on the experience of all-terrain tires, from bikepacking to gravel racing to rough terrain mountain biking. In 2015, a small team of us collaborated to launch this brand, winning the HOW In-House Design Award in 2017 for Outstanding Achievement for our branding work and web presentation.

View website
  • Digital strategy
  • Wireframing
  • User experience design
  • Front-end development
  • CMS customization
Salsa Cycles Storysite Website, desktop example 1 Salsa Cycles Storysite Website, tablet example 1 Salsa Cycles Storysite Website, mobile example 1

Salsa Cycles: Storysites

Salsa Cycles is the largest brand within the walls of Quality Bicycle Products. They popularized adventure cycling with their bikes, parts, and clothing, and produce rich content on their website to inspire folks to explore. In 2014, Salsa came to us with an idea for their first major rich content story to be shown on their website. Since then, we have produced over 10 storysites, collaborating with adventurers around the country and winning Best in Art/Multimedia for 2017 Bikepacking Awards.

View website
  • Digital strategy
  • Wireframing
  • Front-end development
  • CMS customization
Novvaa Website, desktop example 1 Novvaa Website, tablet example 1 Novvaa Website, mobile example 1

Novvaa

Novvaa is a singer-songwriter in the Twin Cities who approached me for an intimate website that reflected her music: dark, beautiful, and broody.

View website
  • Digital strategy
  • Wireframing
  • User experience design
  • Web design
  • Front-end development
  • CMS customization
The Decayed Realms Website, desktop example 1 The Decayed Realms Website, tablet example 1 The Decayed Realms Website, mobile example 1

The Decayed Realms

An arcade-inspired microsite to provide a digital face to a current musical project of mine.

View website
  • Digital strategy
  • Wireframing
  • User experience design
  • Web design
  • Front-end development
Clidesfeld Website, desktop example 1 Clidesfeld Website, tablet example 1 Clidesfeld Website, mobile example 1

Clidesfeld

A long-running music project of mine.

View website
  • User experience design
  • Web design
  • Front-end development
  • CMS customization