Cycle Hamilton

Interactive
Illustration

Promoting Hamilton as the best place to get around by bike with a refreshed website and visual assets.

Project Snapshot

  • Client

    : Cycle Hamilton
  • Industry

    : Clubs, Recreation & Community Organizations
  • Services

    : Web Design, Development Illustration and Videography
  • Challenge

    : Help a passionate local cycling organization turn a confusing, piecemeal website into a clearer public face for advocacy, community connection and active transportation in Hamilton.
  • Outcome

    : A more cohesive website experience with improved navigation, a practical visual language and custom illustrated banners that made the site feel modern, welcoming and rooted in Hamilton.

Overdrive founder and principal James Wilson has been an avid life-long cyclist, so it was no surprise when the company moved shop to Hamilton Ontario, that he would connect to the local cycling community. His travels eventually led to begin a conversation with Cycle Hamilton. The team behind the organization were informed and enthusiastic and understood that their website (their primary public-facing marketing tool) did not present Cycle Hamilton in an optimal manner. The site had confusing and non-intuitive navigation, and the esthetic was piecemeal.

The organization was eager to revamp the site, and once Overdrive received their completed Website Questionnaire, we were able to guide them in articulating their needs in the redesign process. Navigation and wireframes established a more cohesive site structure. As the only true identity asset Cycle Hamilton possessed was their logo, the design of the site acted as an abbreviated brand expression exercise, establishing fonts, type styles, and colour palettes. Not surprisingly, the site needed additional visuals to make the pages engaging. We felt that imagery needed to depict both Hamilton and a diverse and inclusive user. Instead of photography, we chose to illustrate banners for the key pages, establishing a modern and friendly style that reinforced aims of Cycle Hamilton as well as the new colour palette.

Cycle Hamilton Brand Fonts: Avenir Black,Franklin Gothic Demi Compressed, Helvetica Neue Regular.
Cycle Hamilton web palette:  Hex#FF8080, #AOAOAO, #4D4D4D, #9CE8C6.
Screen capture of Cycle Hamilton website home page designed and developed by Overdrive.
Illustration created by Overdrive for Cycle Hamilton depicting a couple on a tandem and girl on a bike with a basket riding through a park featuring web brand palette.
Illustration created by Overdrive design showing a woman sysling on a cargo bike in a Hamilton streetscape.
Illustration for Cycle Hamilton created by Overdrive Design showing a man on a road bike and a woman on a upright city bike cycling through a Hamilton streetscape.
Illustration for Cycle Hamilton created by Overdrive Design showing a woman on a road bike  pulling a baby trailer.
Illustration for Cycle Hamilton created by Overdrive Design showing a man cycling in a park.
Collage of different Cycle Hamilton web pages designed and developed by Overdrive.

Overdrive Design – Creative and Design, Illustration
J Morris Media – Photography and Videography