Júnior Morasco
Open to Opportunities
Index/ Work/ Case 03 — Kraft Heinz · Digital Brand Refresh
🏆 Webby 2025 · Best Responsive/Adaptive Design (Mobile) · Creative Direction · 3 Years

A pantry, reintroduced
to Gen Z.

Iconic brands need more than awareness. They need relevance. As younger audiences shifted toward newer, health and budget-conscious alternatives, Kraft Heinz had an opportunity to rethink how its brands showed up digitally. Over three years, I helped lead the redesign and evolution of digital experiences across a portfolio of 40+ brands, shaping scalable systems, brand expression frameworks, and new ways of building products faster.

(01) Client Kraft Heinz
North America portfolio
(02) Role Lead Product Designer
Creative Direction · Digital
(03) Scope Brand refresh · Design System
Modular templates · brands.com hub
(04) Industry CPG · Food & Beverage
Digital brand portfolio
(05) Impact +78% conversion
+30% engagement · +28% CSAT
Case 03 · 2024 · Web
03/11
Apply Digital Kraft Heinz Lead Product Designer
Project Brief · 03

A 110-year brand, relaunched for Gen Z.

Brands40+
MarketsGlobal
AwardWebby
Year2025
Responsive · Editorial Live
The Brief Section 01 · Digital Relevance

Iconic, but
invisible online.

KH North America ·
Digital Brand Refresh

Kraft Heinz had shelf presence, but digitally the experience wasn't keeping pace. The ecosystem was fragmented, difficult to scale, and not designed to support the speed modern marketing requires. While campaigns were winning attention across channels, the digital experience itself wasn't creating meaningful engagement or learning from user behavior.

As Creative Director across the portfolio for three years, I helped lead the redesign and relaunch of hundreds of digital experiences while building a scalable system that allowed teams to move faster without sacrificing brand quality.

The challenge wasn't simply creating better websites. It was creating a foundation that could support dozens of brands, multiple markets, evolving content needs, and entirely different personalities while still feeling connected.

Different personalities. Shared infrastructure. That balance became one of the biggest strategic opportunities of the work.

Section 02 · The Portfolio

One pantry,
many kitchens.

Over three years, we delivered refreshed digital experiences across more than 40 brands in the North American portfolio. Each brand maintained its own voice, photography style, and visual language while sharing the same component foundation, content structure, and scalable system behind the scenes.

(01) · heinz.com
Flagship
Heinz.
Foundation for portfolio experimentation
(02)
Mac & Cheese.
Fan culture · Community
(03)
Philadelphia.
Editorial · Recipe-first
(04)
Lunchables.
Kid energy · Parent usability
(05)
Oscar Mayer.
Heritage, modern
(06) · kraftheinz.com
Parent
Kraft Heinz.
Gen Z portfolio hub
(07)
Kraft Singles.
American classic
(08)
Kraft Sauces.
Condiment hub
(09)
Velveeta.
Cult cheese
(10)
Mio.
Flavor drops
(11)
NotCo.
Plant-based · JV
(12+)
+ more.
Jell-O · Capri Sun · Kool-Aid · Classico · Pudliszki…
The Pillars Section 03 · Brand Stories

Five voices,
one spine.

Stylescapes · Expression layer
KraftHeinz.com · Heinz · Mac & Cheese

The system needed enough flexibility for brands to feel distinct while still enabling consistency and speed. Some experiences leaned into playful interactions and expressive storytelling. Others focused on editorial rhythm, recipe discovery, or entirely different audience needs.

To create alignment early and reduce variability, we introduced stylescapes as a foundational part of the process. For KraftHeinz.com, Heinz, and Kraft Mac & Cheese, stylescapes helped define visual direction before UI work started and created a shared language across design, product, and stakeholders. Instead of jumping straight into screens, we aligned teams around personality first.

The goal was never visual consistency. The goal was creating a system capable of scaling personality.

Section 03.5 · Stylescapes

Personality, first.

Stylescapes defined visual direction before UI work started. For KraftHeinz.com, Heinz, and Kraft Mac & Cheese, they became a shared language across design, product, and stakeholders to explore tone, motion, typography, and visual energy before components existed.

Stylescape · 01KraftHeinz.com
Stylescape · 02Heinz
Stylescape · 03Mac & Cheese
(01) · kraftheinz.com
Kraft Heinz.
Parent · Gen Z reinvention · 2023

A portfolio discovery hub, built around discovery.

For Kraft Heinz, we created a more expressive Gen Z experience with vibrant colors, motion, and content designed around discovery. The new site is a hub for the portfolio, a place to meet every brand without losing any of them in the crowd.

We built kitchen inspiration around recipes, product discovery around occasion, and told the company's story in a voice that sounds like its food.

Parent site Gen Z reinvention Playful motion Portfolio hub
(02) · heinz.com
Heinz.
Flagship · Foundation for portfolio experimentation

The flagship that proved the system.

For flagship experiences, we elevated storytelling and product exploration while evolving recipe ecosystems into smarter and more scalable experiences. Heinz proved the system could turn up the volume without breaking. Bold photography, saturated color, and motion that winks.

We reinvented recipe content across the portfolio starting here, with a catalog that reads like a tasting menu and a recipe engine that learns.

Flagship Recipe engine Product catalog Bold photography
(03) · kraftmacandcheese.com
Mac & Cheese.
A digital identity built around fan culture

Fan culture,
defined in digital.

The internet's favorite blue box had no home that matched its fanbase. We built a digital identity around fan culture and community behavior, with cheeky copy, big gold hero moments, and a recipe hub that celebrates the weirder ways people actually eat it.

A fast-ship, cult-first site that finally caught up with how loud this brand is on social.

Digital brand definition Fan-first copy Recipe hub Community
(04) · lunchables.com
Lunchables.
Kid energy, parent usability

Kid-facing energy,
parent-approved usability.

Playful interactions balancing kid-facing energy with parent usability. Loud yellow, bouncy interactions, and a dual-audience layer: the playful surface kids notice, with the grown-up information architecture parents actually need. Motion tokens tuned to bounce, copy tuned to giggle.

Dual audience Playful motion Nutrition clarity Store locator
(05) · philadelphia.com
Philadelphia.
Editorial and recipe-first, designed around planning and discovery

Same system,
opposite temperature.

Editorial and recipe-first experiences designed around planning and discovery. Navy and cream, generous whitespace, editorial rhythm, built for recipe seekers who are planning, not snacking. Same components as Heinz, opposite personality. The system earned its keep the day both shipped on the same spine.

Editorial tone Recipe-first Multi-region Accessibility AA
(06) · oscarmayer.com
Oscar Mayer.
Heritage storytelling, modern audience

Heritage,
reimagined for a modern audience.

Heritage storytelling reimagined for a more modern audience. Same component foundation, distinct tone, a brand with deep equity translated into a digital surface that feels both familiar and current.

Heritage Modern audience Storytelling Brand equity
Global Brands Section 04 · brands.com

One spine, 120+ storefronts.

Global · 01brands.com
Global · 02brands.com
Heinz · Philadelphia · Kraft · Mac & Cheese · Lunchables · Oscar Mayer · Capri Sun · Velveeta · Planters · Plasmon · ABC · Master · Pudliszki · Honig · HP Sauce · Lea & Perrins · and 100+ more.

brands.com became the platform behind Kraft Heinz's growing digital ecosystem. 30+ branded sites launched initially, scaling toward more than 120 storefronts across 40+ markets, all powered by a shared composable foundation with Contentful at the center. My team helped shape the Master Brand Design System, expression layers for individual brands, and localization patterns that allowed experiences to scale globally while preserving local relevance.

At peak delivery, teams were launching roughly seven sites per week while maintaining accessibility standards, governance practices, and shared release processes. We designed for multiple writing systems including Latin, CJK, and RTL languages while solving for governance at scale, contribution workflows, and token discipline across regions.

Many brands had little or no established digital guidance. In those moments, we analyzed packaging, campaigns, and existing experiences to identify brand patterns and, when appropriate, leveraged AI-assisted workflows to bridge content and asset gaps. Over time, the Design System evolved from a component library into a platform capability.

Sites
120+
Branded storefronts on a shared platform.
Markets
40+
Countries — Americas, EMEA, APAC.
Languages
9 scripts
Latin · CJK · RTL on one component set.
Brands
20+
From Heinz to Plasmon — one spine.

Over time, the Design System evolved from a component library into a platform capability.

Outcomes ✦ The Numbers

What moved.

Three years leading creative direction across the brand portfolio and the global brands.com platform.

+78% in conversion

Across the refreshed experiences, from recipe engagement to e-commerce handoffs.

+30% in engagement

Time on site, interaction depth, and content exploration all increased after relaunch.

+28% in CSAT

Customer satisfaction improved across the portfolio and rolled up to parent-level reporting.

3yrs creative direction

Leading portfolio strategy, systems thinking, and digital evolution across 40+ Kraft Heinz brand experiences.

Work that got noticed, inside and outside the building.

Webby 2025 Best Responsive Design

Best Responsive/Adaptive Design for Mobile (Mobile Features), Webby Awards 2025, recognising kraftheinz.com.

Awards MACH Awards

For composable architecture and modern commerce delivery.

Internal Innovation programs

Internal innovation programs and recognition across the Kraft Heinz organization.

Foundation AI-powered experiences

The work helped establish the foundation for AI-powered experiences and new ways of creating content at scale. What started as a redesign initiative became a scalable ecosystem built to evolve alongside the business.

The Team

Three years of portfolio work.

Deepest thanks to the brand teams, engineers, writers and strategists who shipped this alongside us — brand by brand, market by market.

Creative Direction · Lead
Júnior Morasco Lead Product Designer · Creative Director across the digital portfolio
Creative Leadership
Leo Leone Creative Lead
Design Collaborators
Aaron Aylward · Amanda Ko Saadia Kardar · Diego Gonçalves · Emma Tsai · Michelle Zyserman · Dominique Suraya · Lulu Kang
Client
Kraft Heinz Digital Brand Portfolio · North America
Platform
brands.com hub Contentful CMS · AI-assisted workflows · scalable design infrastructure
Years
2022 — 2025 Three years leading strategy, creative direction, and portfolio evolution
← Previous(02)
Kraft Heinz DXP
Design System.
Composable DXP · Atomic · 2023 — 2026
(05)Next →
Kraft Heinz Away
From Home.
B2B Commerce · Composable · 2025