Reference Template

The SimplePart platform has gone through multiple iterations since its inception in 2011. It began as a fully custom part sales package for car dealer and OEM clients. Over the years, as client numbers and part data grew, it was necessary to create a somewhat customizable template with flexibility to adhere to each client's brand guidelines.

What started as a "template in theory" where sites were duplicated and code was overridden eventually became a wireframe taxonomy of pages and variables. This increased efficiency both in design turn-around and dev build timelines.

‍

The Before
  • Sites had same basic page and flow layout, but many components were customized per client requests, thus limiting the scaleability of site updates at a platform level.
  • Many hardcoded customizations turned into bugs as the platform adapted to new UX/UI versions and manual overrides were common, further complicating any new updates.
  • Because of many overrides, code grew messier and messier, leading to more bug instances and greater QA effort to find and Dev effort to fix.

‍

No items found.
The After
  • All components were tied to new custom variables that could be set so 90% of the front-end styling could be done in a matter of minutes.
  • Components set up in a design/dev library so that each variable styling could be easily accessed without extra work on either design or development teams.
  • The newly created site template is now the starting point for all sites and carries no baggage from previous sites, minimizing confusion and inefficient back-and-forth between design and development. 

The building of the Reference Template was admittedly long overdue. However once created and implemented, the timeline to stand up new sites and update current sites drastically decreased. 

No items found.
👋🏼 

All Projects

Accessories Experience
A beautiful experience to match the premium experience for customers buying vehicle accessories. Where parts are a necessity, accessories are a luxury. These designs capture that concept.
Untitled UI Icons
Accessory Desking Tool
A simple, yet effective interface for sales reps to showcase and order vehicle accessories on the showroom floor. Modeled after MICROCAT, the most popular EPC in the dealer space, this design capitalizes on that familiarity while providing a tool to decrease confusion and increase sales conversions.
Himalayas
Control Panel
This backend dealer tool gives access to all aspects of the part buying process, including marketing tools, various data sets, and sales and traffic trends. This in-progress design helps to simplify the journey and return the desired data as quickly and efficiently as possible.
Relume Library
Price Box
As one of the most important component of a part sales site, the price box must have optimal UX for sales conversion. This design considers dealer proximity, price, and fulfillment to give users the best price-shopping experience while keeping local dealers front of mind.
Webflow Library
Figma user
Reference Template
A large-scale, largely unseen design-forward project. These designs rely on developer collaboration to “templatize” the SimplePart platform. By indexing each component with style variables in mind, new client sites can stand up much quicker and with less bug-hunting.
Untitled UI
Mercedes RFP
An example of design within constraints. This design showcases the merger web design and following OEM brand guidelines while staying within the capabilities of the SimplePart platform.
Good Books