Cycle route

Task: create an A3 poster and an interactive website with four given cycling routes in Bergen.

Bike Break responsive web

An interactive website aiming to motivate students to take a break from campus and move their bodies.

Brand design

The following parameters formed the grounds for the brand profile and design:

  • Target group: students, non-athletes, emphasis on getting away from campus
  • A student administrated, low threshold, no-prep activity
  • Bergen inner-city (Bryggen) colour scheme and font inspiration

I designed a simplistic bicycle logo to emphasize the low threshold activity with no need for expensive equipment. The body text typography is the same as the one used for the logo; whimsical and playful. The header font is inspired by the cut-out letter signs seen on the old Bryggen houses.

The persona illustrations are based on the “Open Peeps” project and the selection may be further expanded using an online generator – ideal for students’ organisations where volunteers don’t necessarily have the skills to use graphics software.

The text for both the poster and the website has no mention of exercise but instead focuses on the concept of taking a break to explore some sights and experience delicious tastes.

Poster

  • The information poster will be distributed as a PDF by email to the students’ organisations for printing. It can be printed as A4 and still be readable from a distance because it’s kept rather simplistic with large elements.
  • Also, for this reason, the document has an RGB colour profile.
  • The QR code leads to the website.

Website/technology

The website is built on WordPress + Divi framework, with the design and layout tailor-made for this project.

  • There’s an interactive SVG map on the front page with links to the routes’ subpages.
  • The subpages have information on interesting things to explore along each route. One main attraction is emphasized, with one–to–three alternatives.
  • There are image galleries for each route, showcasing things to see and experience.
  • There’s also generic information on useful bicycle equipment, traffic rules, and how to rent a bike if you need one.
Bike Break poster
Bike Break poster mockup
Colour palette Bike Break

An interactive website aiming to motivate students to take a break from campus and move their bodies.

Brand design

The following parameters formed the grounds for the brand profile and design:

  • Target group: students, non-athletes, emphasis on getting away from campus
  • A student administrated, low threshold, no-prep activity
  • Bergen inner-city (Bryggen) colour scheme and font inspiration

I designed a simplistic bicycle logo to emphasize the low threshold activity with no need for expensive equipment. The body text typography is the same as the one used for the logo; whimsical and playful. The header font is inspired by the cut-out letter signs seen on the old Bryggen houses.

The persona illustrations are based on the “Open Peeps” project and the selection may be further expanded using an online generator – ideal for students’ organisations where volunteers don’t necessarily have the skills to use graphics software.

The text for both the poster and the website has no mention of exercise but instead focuses on the concept of taking a break to explore some sights and experience delicious tastes.

Poster

  • The information poster will be distributed as a PDF by email to the students’ organisations for printing. It can be printed as A4 and still be readable from a distance because it’s kept rather simplistic with large elements.
  • Also, for this reason, the document has an RGB colour profile.
  • The QR code leads to the website.

Website/technology

The website is built on WordPress + Divi framework, with the design and layout tailor-made for this project.

  • There’s an interactive SVG map on the front page with links to the routes’ subpages.
  • The subpages have information on interesting things to explore along each route. One main attraction is emphasized, with one–to–three alternatives.
  • There are image galleries for each route, showcasing things to see and experience.
  • There’s also generic information on useful bicycle equipment, traffic rules, and how to rent a bike if you need one.
Colour palette Bike Break
Bike Break responsive web
Bike Break poster mockup
Bike Break poster

Our job is to bring
the dead facts to life

–Bill Bernbach

birdesigns symbol

 

© 2022 birdesigns