Hubcap Giant

Web

Hubcap Giant Main

Automotive Accessories B2C eCommerce website.

Client
Nivel
Role
Lead UI/UX Designer & Front-End Developer
Tools
Illustrator, Photoshop, xD & VS Code
Time Frame
June 2019
Hubcap Giant Homepage Desktop / Mobile

Summary

Nivel wanted a new B2C automotive accessories website based using the same platform as their B2B automotive accessories website. I worked with the platform developers and our project manager to create a copy of the B2B website. Once the platform created a sandbox for the new website, I did the design and front end development of the new theme. The website was completed on time but new leadership canceled the project while we were waiting on retail pricing.

HCG on laptop

The Challenge

The website was built on a legacy ASP.NET platform but used Bootstrap 3 for most of the website. The account section, shopping cart and checkout were somewhat responsive but utilized legacy table based layouts. We were given two weeks to clone the B2B website, create a new theme and enable the functionality so customers could create accounts (the B2B website used a manual process). While we worked on the website, the pricing and merchandising teams worked on retail pricing.

PDP on laptop

The Solution

Due to the short turnaround time, I was asked to skip wireframes and put together some quick mockups. The previous Hubcap Giant colors were Yellow, Black & White but I was given the liberty to create a new color scheme. The combination of Red, Black and White are associated with automotive so I worked up two quick variations of the color schemes and the Red, Black & White mockup was selected. I then created and implemented the new theme. I cleaned up some of the code and added some logged in/out state content blocks. I also created new retail marketing assets.

HCG on mobile

The Results

The website was completed within the two week deadline and before the pricing team has completed their part of the project. During that time new leadership decided to cancel the project. While the retail website was canceled, I was able to take the improvements I made during that project and incorporate them into the B2B website.

Resources

Mockups of the two color variations.