LANDING WEBSITE
2023

Yogurtería
Danone

Designing a digital experience to inspire everyday yogurt consumption

My Role

UI/UX Designer · Visual Design

Plataform

Landing Page · Mobile-first / Desktop
Scroll to case study
THE CHALLENGE

The Problem

The product needed to be communicated beyond its packaging

Users required practical inspiration for everyday consumption
Content needed to be clear, visual, and easy to explore
The experience had to work mobile-first and scale properly to desktop

The Project Goal

Design a landing page that clearly presents the product while inspiring everyday use through a digital recipe experience.

My Role

UI/UX design with a strong visual focus

Landing page structure definition
Digital recipe experience design
Visual hierarchy system
Mobile-first design
THE solution

A visually driven landing page was designed to highlight the product’s natural benefits while enabling easy recipe exploration through card-based navigation and detailed views.

Key design focuses:

Visual content as the core experience
Card-based recipe exploration
Clear and scannable recipe detail views
Mobile-first experience adapted to desktop
THE OUTCOME

A clear and engaging digital experience that blends visual content and functionality, enabling easy recipe exploration and reinforcing everyday product usage.

Results
& Impact

This project established a content-driven digital experience designed to inspire, guide, and simplify interaction with the product.

01

Inspirational content

Visual storytelling that encourages everyday use.

02

Clear exploration

A structured recipe system for intuitive navigation.

03

Consistent experience

Cohesive design across mobile and desktop.

04

Scalable foundation

A structure ready to support future content growth.

THE CONTEXT

The project was developed as a digital experience aimed at inspiring everyday yogurt consumption by integrating editorial content and recipes within a clear, accessible interface.

Process

The process focused on structuring visual and functional content clearly,
prioritizing fast exploration and information hierarchy.
Visual content as the core experience
Card-based recipe exploration
Clear and scannable recipe detail views
Mobile-first experience adapted to desktop

Design decisions

Design decisions prioritized visual clarity, content hierarchy, and intuitive
navigation to support effortless recipe exploration.

01

Content
First
Visual content drives the entire experience.

02

Card
Navigation
Recipes are presented in cards to support discovery.

03

Cross-Plataform
The experience was designed mobile-first and carefully adapted to desktop.

KEY Learnings

This project reinforced the importance of designing simple experiences where aesthetics and usability work together to guide users.
“Good design doesn’t compete with content, it helps it shine.”

01

Visual Clarity
Visual hierarchy improves content exploration.

02

UI Engagement
Strong UI increases engagement without adding friction.

03

Content
Extructure
Content organization is critical for editorial experiences.

Ready to explore more?

Click to see other case studies.
Explore other projects
Simplifying digital financial management

UI/UX Design · Dashboard · Fintech

CREDIX
Smarter ordering for retailers

UI Design · Mobile App · B2B

JUMEX APP
© 2026 Norbert Gutiérrez
LinkedInBehanceDribbble