//
MIDDLEBY

Relaunching the Masterbuilt
& Kamado Joe Digital Experiences

SERVICES
Product UI/UX Design
User Experience Research
Website Design & Development
CATEGORY
Outdoor Living
VISIT THE
SITE
01 //
What if

What if...

We fueled brand and ecommerce growth for a leader in outdoor living?

Following acquisition by leading PE firm Middleby, outdoor living brands Masterbuilt and Kamado Joe were poised for post-pandemic growth with a massive potential ROI by fleshing out their collective digital channel strategy and ecommerce experience. That's where we came in.

02 //
We did

We did...

Two digital experiences built on a new modular design system that could power an entire brand portfolio.

Working with the collective teams at both Masterbuilt and Kamado Joe, we were able to create a brand new modular design system built on the leading ecommerce platform Shopify Plus to serve customers, clients, and the market in a bold new way – enabling both brands to drive new forms of growth and demand through digital channels.

RESULTS
+60%
Increase in sales revenue through digital channels
+5%
Increase in AOV
Project Highlights
Project Name Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

(1)
//
(2)
Measure once, cut twice. Building a blueprint for digital experiences with scale in mind.

Working with two well-established brands already online today, we needed to be thoughtful with how we would architect a new, modular solution that enabled us to best balance discoverability (SEO), technical requirements (debt avoidance), and usability (UX) for all users involved. We began our engagement with a rigorous data and experience audit to help us benchmark each property respectively while facilitating various co-creation workshops and listening sessions with stakeholders across both brands. This allowed us to determine and shape an overall strategy to best serve the team’s short and long-term digital marketing while delivering a best-in-class customer journey and experience.

A true, mobile-first user experience.

While most brands have an experience that’s serviceable for users on mobile devices, few build their experiences truly mobile first. To support a well-rounded digital strategy that could match customers’ shopping and consumption behaviors both in aisles and in front of their grill afterward, we opted for a true mobile-first methodology that could make key content and CTAs fast, fluid, and always within a thumb’s reach.

Maximizing modularity through a component-driven approach to design & development.

Designing a modular design system is one thing, but being able to apply it to and within a platform that can fully take advantage of it is an entirely separate ballgame. To maximize the team’s ability to scale their digital CX across both brands and all respective product lines with ease, we leveraged Shopify Plus with a mix of other progressive, CRM-focused integrations to create a powerful martech stack that was as efficient as it was effective when it came to scale.

Leveling up the customer experience with interaction design.

Any grillmaster will tell you the sizzle is just as important as the steak itself. When you’re in the business of outdoor living, entertainment, and dining, one of the most effective ways to drive engagement is by making the experience for customers visceral. That means turning up the dial to 10 using interactivity to show off the craftsmanship and quality of the grills to the mouth-watering meats themselves.

A modular design system that masterfully blends form and function.

If we were going to help Middleby put a stake (or steak?) in the ground with their commitment to digital strategy and ecommerce, they needed a design system that could drive it. As such, we built and branded a fully robust, React.js atomic design system (via Storybook) which we named the “Firestarter Design System” as a living asset library that the team could manage, update, and deploy to the main Shopify themes for any and all future digital products and services.

Drag
0
1
 // 
0
6
The Digital Surgeons team delivered not only a fresh new UI/UX, but an experience that drastically improved our consumer engagement and conversions on site. We are thrilled with the results!
– Joshua Silva, Global Marketing Director at Masterbuilt | Kamado Joe
03 //
What's next?

What's next?

Let’s find out what’s next for your business!

Thank you!
We'll be in touch soon!
Oops! Something went wrong while submitting the form.

Related work