Person holding smartphone displaying WeatheTech's homepage

Weathertech redesign

WeatherTech is a U.S.-based automotive accessories company known for its high-quality, precision-fit FloorLiners. Its primary digital storefront, WeatherTech.com, drives the majority of the company’s direct-to-consumer sales.

Project: Website Redesign and Platform Migration

Team: WeatherTech Web Team + 3rd Party Agency

My Role: UI/UX Designer

Tools: Figma, Jira, Confluence

Timeframe: February 2024 - January 2025

 
 
 
 
 

The problem

Overtime, WeatherTech’s site and platform began to fall behind modern e-commerce standards. The site’s limited technical capabilities, combined with a visually cluttered interface and inconsistent design patterns, created friction in the user experience. These challenges ultimately highlighted the need for a redesign to improve usability, performance, and overall customer engagement.

No Search Functionality & Atypical header

Desktop and Mobile screenshots of WeatherTech.com before redesign
 

No Filtering Capabilities

Desktop and Mobile Product Listing page from WeatherTech.com before redesign
 

Unstructured & Unorganized Navigation Menu

Desktop and mobile view of WeatherTech.com navigation before redesign
 

The Goal

Due to a short timeline for this project, this project was broken into parts, MVP and MVP+. The goal of MVP was to:

  • Maintain all existing functionality of the previous site

  • Gain modern capabilities to meet user’s standards for e-commerce shopping such as search, personalization and filtering

  • Improve the site UI and add UX best practices on the site

 
 
 

the process

 
 

initial Designs

  • Collaborated with our agency partners and evaluated agency-proposed concepts to create initial desktop and mobile wireframes for site pages including:

    • Homepage

    • Category Landing Pages

    • Product Listing Pages

    • Product Detail Pages

    • Cart & Checkout

    • Account

Reviews & Feedback

  • Brought designs to cross-functional internal leadership team members to gather, synthesize, and communicate consolidated feedback to agency partners

Functional Specification Documentation

  • Reviewed functional specification documents to validate feasibility, clarify requirements, and ensure design integrity during development

Additional Designs

  • Created supplemental design solutions during development using established design systems, styles, and components

Testing

  • Conducted QA testing of designs and provided detailed feedback to technical partners through Jira

MVP+ Roadmap

  • Created and maintained a post-launch optimization roadmap, including A/B testing initiatives and continuous improvement opportunities

 
 
 

Initial launch

In January 2025, we launched the update site designs with many improvements including:

 
 

Search Functionality

Search Feature on WeatherTech.com
 

Clean Design & Consistent Patterns

Updated Product Detail Page on WeatherTech.com
 

Reorganized Navigation

Updated Navigation Menu on WeatherTech.com
 

Filter Functionality

Filters on WeatherTech.com
 
 
 

MVP+ Improvement Plan

While the team worked on stabilizing the site, I worked on crafting and executing an improvement plan by:

  • Gathering leadership goals to define a clear roadmap for MVP+

  • Conducting competitive analysis of automotive accessory e-commerce platforms to identify industry benchmarks and feature gaps

  • Proposing A/B testing initiatives, including hypotheses and supporting design concepts, based on performance data and competitive insights

  • Creating exploratory design solutions for PDP, PLP, and CLP experiences aligned with business objectives and user needs

  • Partnering with the marketing team to develop purposeful, conversion-focused site content that supported campaign and brand goals

 
 
More Work