Jon CeronSenior Product Designer
EN
Back to work

NESCAFÉ® Dolce Gusto México

Home, campaign landing pages and content pages for the brand's online store.

Role
UX and UI design, campaign visuals
Scope
Online store home, campaign landing pages, content pages
Year
2020–2024
Client
NESCAFÉ® Dolce Gusto México, through Motivus
The problem
The brand’s online store needed a home, sales and seasonal landing pages, and content pages, with campaigns that rotate without changing the rest of the home.
My role
UX and UI design and campaign visuals, through Motivus, from 2020 to early 2024.
What I decided
Keep the always-on banner carousel apart from the seasonal promo cards.
Where it stands
Everything shipped. I left the account in early 2024, and these pages are no longer live in this form.

Context and my role

Each campaign started with a client brief for a promotion, a launch or a season.

How I approached it

I proposed visual directions, the client chose one, and I designed the rest through developer handoff. The home started as a wireframe. Product shots and brand photography are Nestlé’s.

The solution

Around the home I designed sales landing pages like Hot Sale 2023, seasonal promotions, and content pages such as Coffee Shop at Home and capsule recycling.

Grayscale desktop wireframe of an online coffee store home page, with labeled blocks for a banner carousel, seasonal promo cards, a video, and a drink carousel.
Home wireframe, October 2023: structure first.
Desktop home page of the Dolce Gusto store with a pink promotional banner, three product promo tiles, a magenta Coffee Shop at Home section with a video, and a purple row of drink categories.
The same home with visual design applied.
Desktop home page with a dark purple night-sale banner, a pink Valentine's Day banner, a yellow banner for a Starbucks vanilla capsule next to a mixology video, and smaller banners for coffee shop, recycling and newsletter sign-up.
Home, February 2024: stacked campaign blocks above recurring strips.
Long orange and red desktop landing page with a flash sales row of coffee machines showing discounts and countdown timers, a capsule discount tier banner, combo cards, and product grids with add-to-cart buttons.
Hot Sale 2023 landing, desktop: flash sales, volume discounts and combos.
Mobile version of the Hot Sale landing, stacking the hero, category icons, flash sale cards, discount tiers and product grids in a single column.
The same landing at 390 px.
Long desktop page with a hero reading "Disfruta tu Coffee Shop en casa", a circular diagram of machine benefits, a flavor carousel, a row of coffee machines, and a numbered preparation steps section.
Coffee Shop at Home, a brand content page.
Green-themed desktop page with a three-step recycling process, a row of photos, content cards, and a map with filter tabs and a list of collection points.
Capsule recycling page with a collection-point locator.

Delivery and status

The client’s development team built the pages.