Two smartphones on a wooden table showing Kamado Joe series grills and Get.Cravity product pages.
//
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)
Collage of mobile-first design slides showing product experiences, tech stack, user flow, and app interfaces.
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.

Mobile views of Masterbuilt and Kamado Joe grill product pages and recipes on dark background.
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.

Animation of website pages featuring Masterbuilt with product categories like Fryers and Craft a Masterpiece.
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.

Black background with the white text 'MER' in the center.
Typography, brand colors, icons, and button styles guide for Masterbuilt smoking product branding.
Website design layouts showing grilled food, product sliders, and recipe blocks for a grilling brand.
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!

Related work