Júnior Morasco
Open to Opportunities
Index/ Work/ 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 moved toward newer, health and budget-conscious alternatives, Kraft Heinz had a chance 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 the systems, brand expression frameworks and 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
2024 · Web
Apply Kraft Heinz Lead Product Designer
Project Brief

A 110-year brand, relaunched for Gen Z.

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

Iconic, but
invisible online.

KH North America ·
Digital Brand Refresh

Kraft Heinz owned the shelf. Digitally, the experience wasn't keeping up. The ecosystem was fragmented, hard to scale, and not built for the speed marketing actually needs.

As Creative Director across the portfolio for three years, I led the redesign and relaunch of hundreds of digital experiences while building a system teams could move fast inside, without losing the brand.

The job wasn't "better websites." It was a foundation flexible enough for dozens of brands, many markets, very different personalities, and still feel like one family.

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

Fig 00 · The portfolio at a glance. 00 / —

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)
NotCo.
Plant-based · JV
(09)
Kraft Sauces.
Condiment hub
(10)
Velveeta.
Cult cheese
(11)
Mio.
Flavor drops
(12+)
+ more.
Jell-O · Capri Sun · Kool-Aid · Classico…
The Pillars Brand Stories

Five voices,
one spine.

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

The system needed enough flex for brands to feel distinct while still enabling consistency and speed. Some experiences leaned playful and expressive. Others focused on editorial rhythm or different audience needs altogether.

To align early and reduce variability, we introduced stylescapes into the process. For KraftHeinz.com, Heinz, and Kraft Mac & Cheese, they defined visual direction before any UI was drawn, and gave design, product and stakeholders a shared language to react to.

The goal was never visual consistency. The goal was a system that could scale personality.

Stylescapes

Personality, first.

Stylescapes defined visual direction before UI work started. For KraftHeinz.com and Heinz, 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 · 03KraftHeinz.com
(01) · kraftheinz.com
Kraft Heinz.
Parent · Gen Z reinvention · 2023
Visit kraftheinz.com

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.

The purple was the deliberate fusion of Heinz red and the portfolio blues, a new signature color built to feel native to Gen Z while still rolling up to the parent identity.

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
Visit heinz.com

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
Visit kraftheinz.com/kraft-mac-and-cheese

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
Visit lunchables.com

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
Visit kraftheinz.com/philadelphia

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
Visit oscarmayer.com

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 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 at launch, scaling toward 120+ storefronts across 40+ markets, all running on a shared composable foundation with Contentful at the center.

At peak, teams were shipping roughly seven sites per week while holding the line on accessibility, governance and release cadence. We designed for Latin, CJK and RTL scripts on a single component set, solving for contribution workflows and token discipline at the same time.

Many brands had no digital guidance to start. So we read brand DNA from packaging, campaigns and existing surfaces, and used 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 across the 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.

Campaigns Digital · Global

Campaigns
at scale.

Campaigns · 01100+ global brands
Quizzes · Sweepstakes · Interactive experiences
First-party data · Recipe awareness · Product launches

Over the years, we have developed digital campaigns for more than 100 global brands, from new product launches and recipe awareness to first-party data collection strategies.

The campaigns combine high-engagement formats such as quizzes, sweepstakes and interactive experiences, connecting consumers to brands in a relevant and measurable way.

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
Motion Design
Fernando Rojas Acuña Motion designer
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
Kraft Heinz DXP
Design System.
Composable DXP · Atomic · 2023 — 2026
Next →
Kraft Heinz Away
From Home.
B2B Commerce · Composable · 2025