Subaru mountain dealer pages

The purpose of this project was to build a responsive locator page where users could easily find a Subaru dealer that partnered with the Mt. Hood Fusion Ski Pass in the annual Make Tracks promotion.

I built the Mt. Hood and Sierra-at-Tahoe 2017-18 Subaru mountain partnership dealer pages using the Foundation 6 framework and Mapbox.

 
 
A mobile screen showing the Suburu Mt. Hood Fusion Pass dealer locator page.

A mobile screen showing the Suburu Mt. Hood Fusion Pass dealer locator page.

 
 

My process

I considered the mobile view carefully because there were 5 brands to display prominently. And the desktop view had some complex layers to integrate with CSS so that a user could be on any sized screen and still see the skier. I also learned some basic JSON code for use with the Mapbox integration.

The desktop version of the Suburu Mt. Hood Fusion Pass dealer locator page.

The desktop version of the Suburu Mt. Hood Fusion Pass dealer locator page.