Wilderness Media

Design, Development #blog #bootstrap #responsive

Design Brief

The challenge for this project was to create a fully responsive, single page website. As an avid adventurer, I set out to create a blog site for a fictional adventure company called Wilderness Media.

Specific sizes to be optimized for:

  • Smartphone (both portrait and landscape)
  • Tablet (both portrait and landscape)
  • Desktop

The design also needs to be flexible enough to adapt to other current and future device sizes.

Another requirement was a responsive navigation, mainly to showcase skills using media queries to transform the site from a standard navigation to the typical mobile menu. I took this requirement one step further and opted to make the full site on one long page, with the navigation taking the user to the different sections, making the site functional.


I developed this site using a combination of Bootstrap components, custom CSS, and JavaScript.

The live site can be viewed here.