Tracker Off Road

Client

White River Marine Group

My Role

UI Designer
UX Designer
Front-End Developer

Summary

I lead UI/UX and front-end development for the launch of an all-new product with White River Marine Group.

Visit Website
Tracker Off Road Product Page Mobile

Problem Statement

In early 2019, Johnny Morris (founder of Bass Pro Shops) announced to a select few that Bass Pro Shops was partnering with Textron to launch a new line of off-road products called Tracker Off Road. Initially, the project was kept secret from the rest of the company, requiring those who knew to work from home. I was tasked with building the initial landing page introducing the product.

After the initial landing page launch, product information started to trickle in and the need for a full brand website was obvious. Because of the fast paced nature of this brand, and the unknown requirements to come, it was decided that I would build the site outside our typical Adobe Experience Manager environment. To this day, I completely manage the site from design to development, continually adding features and improving the site.

In less than a year, the site has grown to White River Marine Group's most visited site, regularly gaining traffic from national campaigns and network TV specials.

Project Goals

One Icon

Design and develop a mobile first experience that focuses on introducing a new brand to the off road market.

Two Icon

Convey the defined Tracker Off Road brand style, while maintaining good usability and user experience.

Three Icon

Develop in a way that is easily flexible, yet sustainable for a fast-paced, ever-changing brand.

Four Icon

Currency support for US and Canada.

Original Teaser (Launched Feb 2019)
Tracker Off Road Landing Page
Early Concepts (before brand style guide)
Tracker Off Road Early Design Concepts
Style guide Released (Design by Pocket Hercules)
Tracker Off Road Style Guide

Full Brand Site

Now that the style guide was public, it was time to apply the style to match other campaign materials. I built the site using Zurb Foundation; an HTML5 and SASS framework for basic websites. Because I was designing and building the site myself, I focused on simple, easy-to-use navigation and user experience. I also sought out to build it in a way that was flexible and quick to maintain. With the brand being so new, I had to be ready for anything.

Tracker Off Road Homepage
Tracker Off Road Homepage Mobile

Product Page

When designing the product page, I again focused on simplicity. By keeping the main product information above the fold, I wanted the user to quickly move from model to model, understanding what we we're offering and for what price. Because we we're a new brand to the market, I felt it was very important to focus on quickly telling our story, so they knew immediately how we compared to competitors.

The product page also improved over time. As new materials, photography and information became available, I was easily able to add without disrupting the overall template.

Tracker Off Road Product Page
Tracker Off Road Product Page Mobile
Tracker Off Road Product Page Layout
Founding Members Club
Tracker Off Road Founding Members Club
Supporting Pages
Tracker Off Road Supporting Pages

Learnings

The approach to this project proved itself to be very efficient. With updates and changes needed daily, coding the site statically was a incredibly quick way to respond to the fast-paced needs of the brand. The downside however, is the site has grown substantially, not only in pages, but in complexity. It's apparent that this approach was never sustainable, but offered the agility similar to a startup.

We're now looking at migrating the site to our AEM instance and using our product database for product information. This was a great learning experience for me personally, as it taught me to design and develop more cohesively.

Next Project

Customer Support Navigate to next project