← All Projects
Traeger Grills

Traeger Ecommerce Website Redesign

I redesigned Traeger's ecommerce website, improving grill selection and speeding up the checkout experience.

Traeger hero
Traeger Grills
Research, Strategy, Prototyping, Testing, Product Design
1 Product Designer (me), 1 Director of Digital Platforms, 3 Engineers

Challenge

In just over three months our small team rebuilt the Traeger e-commerce website. The main objective was to make it easy to pick and purchase a grill. I also focused on promoting recipes, educational content, workshops and cooking classes to build a sense of community — or as the Marketing team called it, "Traegerhood".

Initial research and stakeholder interviews

I started by gathering existing research, reviewing Adobe Analytics data, and interviewing stakeholders. The current website was outdated and adding new landing pages was slow. The customer journey also had to be improved — buying a Traeger is an expensive decision, and checkout had too many unnecessary steps.

Inspiration and Competitive Analysis

We were inspired by Patagonia's approach to blending product and lifestyle content. Looking at Traeger's competitors, lifestyle content was not as prominent — an opportunity to stand out.

Traeger competitive analysis

Bringing component-based design to Traeger

As part of this project, I worked on a component library, moving away from the custom design for each page. The design system incorporates Trager brand colors, brings consistency with the recent app redesign and builds a great foundation for future additions and playful elements of motion.

Inspiring Traeger Community

Traeger Brand and Creative Teams create insightful video content that inspires, educates, and builds a sense of community. Traeger TV now has a prominent space within the navigation, giving users access to Traeger collaborations, lifestyle content, recipe videos, and tutorials.

Wireframing

To iterate quickly, I experimented with different low-fidelity prototypes. Our team evaluated them based on how easy it was for a user to go from initial research all the way to completing a purchase.

Traeger website wireframes

Key Features

Grill Recommendation Tool

I designed a grill selection tool based on the key questions asked by friends and in-store when someone picks a grill — keeping the number of questions small to avoid overwhelming users.

Grill Recommmendation - Questions
Grill Recommmendation - Result

Quickly Compare Grills

The new website replaces a PDF grill comparison with a full-page interactive comparison tool — easy to select which grills to compare, with key features and specs side by side.

Faster Checkout

The new checkout design saves shipping and payment details for speed. Multiple payment options including financing, optimized for any device, and focused on one step at a time.

Bundles: know which accessories to get

Once someone knows which grill to get, bundles make it easy to get the right accessories — all carefully selected by the Traeger team.

Bundles

Inspiring Traeger Community

Traeger TV now has a prominent space within the navigation, giving users access to collaborations, lifestyle content, recipe videos, and tutorials.

Traeger Community TV and live classes
Traeger Community - Ambassadors

Outcomes

View more projects

Crunch Accounting
Performance Dashboard for Small Businesses

I designed a new dashboard for the Crunch Accounting platform helping users evaluate their company's performance.

View Project →
Crunch Dashboard
Aumni, a JP Morgan Company
Fund Analysis Tools for Investors

I designed a set of features that help investors evaluate fund terms, expanding Aumni's offering to a new customer segment.

View Project →
Fund Analysis
All Projects →