Weingartz Website

My Role

Product Designer

Client

Weingartz

Timeline

May 2025-Present

Tools

Figma, FigJam

Revamping Weingartz's e-commerce platform to deliver a simplified shopping experience for homeowner and commerical users.

The Challenge

How can we improve Weingartz's website?

I was tasked by Weingartz's Marketing team to completely redesign the website and develop a style guide to guide the new look and feel of the site.

First order of business, we need a new style guide!

I worked with our Marketing team to develop a living style guide based on our ideation from the project proposal to the development team. This handout is meant to guide new designs and help developers as they build out the site.

Research Phase

Next I researched industry standards through a competitive analysis

Weingartz's current site was designed over 10 years ago. Web guidelines have vastly changed since then. I focused on reviewing direct competitors like Lowe's and Home Depot to identify what they do well and what Weingartz can improve. I also reviewed tangentially related companies like B&H and Crunchfield to gain further insights.

Design Phase

I began an iterative design process by creating wireframes in Figma

I started with paper sketches to visualize and compare content layouts. I then transitioned to mid-fidelity wireframes, which were reviewed and critiqued by the Marketing team. We continued this review process, increasing fidelity until a high-fidelity wireframe was approved.

Product Listing Page Sketches
Product Listing Page Sketches
Product Listing Page Wireframes
Product Listing Page Wireframes
Product Listing Page Wireframes
Product Listing Page Wireframes
Product Insights Page Wireframes
Product Insights Page Wireframes
Promotions Page Wireframes
Promotions Page Wireframes
Promotions Page Wireframes
Promotions Page Wireframes

Hover over an image to view in detail!

I designed over 50 wireframes for the product listing, accounts, product insights, and promotions pages

I also gathered wireframes from other designers into a comprehensive site map

There were two other main designers for this project. They focused on pages such as the product detail pages and the checkout process. We worked collaboratively to critique each other's designs and finalize wireframe edits.

So, what did I change?

Key Feature 1

Mobile Friendly, Fast Filters

Users can now quickly apply multiple filters to their search without refreshing the page. Content layout is restructured to match industry standards for viewing in mobile.

Key Feature 2

Compare Products

Users can now compare equipment in a more structured flow and easily view selected products.

Key Feature 3

Promotions? We Got Them!

Promotions can now be filtered by brand or category, allowing for a quick view without clicking through 30+ individual pages.

Key Feature 4

Product Insights

A dedicated main page for all of our top products, organized by brand.

Impact

I presented these designs to Weingartz's executives, achieving approval to hand off to developers. Once approved, I created an extensive PDF file of the designs and added functional specification comments to guide developers as they create the website.