Trevor Byron Design
Fast-packer.png - TB Design

UI/UX Design

12Asset 11@2x.png

Fastpacking is the marriage of running and backpacking, in which runners take the bare minimum of overnight equipment on multi-day trail runs. FAST-PACKER.COM is a resource for all things fastpacking. You’ll find the latest fast-packing routes, gear review, and lots of great stories.

During my time as a UI Design Student in Austin, TX (2016), we were challenged to design and build a responsive website using only HTML and CSS. For my project, I chose to create FAST-PACKER.COM to solve the market need for an online resource for all things fastpacking.

Designing the online experience:

I had three main objectives while designing

1. To create a navigation system throughout the site that felt straight forward yet natural and fluid. 

I did this by creating multiple routes to get to the same destination. I kept the traditional fixed header so users always had a clear path and added secondary navigation when content naturally lead users to drill deeper into a subject. 

2. For the site to be aesthetically beautiful and reflective of the natural environment in which Fast-Packing exists and to feel reminiscent of the natural world. 

I created depth by implementing a parallax effect, making different elements scroll at slower speeds, to create the illusion that large landscape scenes are farther away from the viewer. 

3. To create a space where users who need information quickly will be able to find what they need in an easy and efficient manner. At the same time, I wanted to give the browsing users enough content to explore and photos to meander through in a leisurely manner.

Wherever possible, I used illustration and icons to create patterns and consistency throughout the user's experience on the site, and aid in their ability to quickly scan for the details they are looking for.






Route Detail

Gear Detail