lgf.design

Case Study — UX & Graphic Design

Motherly x
Pampers

Responsive landing page, educational map, and banner ads for a branded collaboration.

UX Design Graphic Design
Scroll
Motherly x Pampers project mockup

Project Overview

3
Deliverables
1
Designer

01 — Objective

Brand Collaboration Design

Background

Motherly, a parenting media brand, partnered with Pampers on a potty training content campaign. My role was sole UX and graphic designer, responsible for every deliverable: a responsive landing page, a custom illustrated educational map, and a carousel banner ad.

The three assets needed to work as a cohesive campaign set while honoring two distinct brand identities. Each piece would live in a different context (a full-page web experience, a downloadable PDF, a rotating social ad unit), so visual cohesion had to be built into the design decisions from the start, not applied as a surface finish at the end.

02 — Process

Three Assets, One Voice

  • Reviewed Motherly's existing landing page collaborations for brand tone and structure
  • Referenced the client's global brand library for colors, typography, and components
  • Designed two carousel banner ad directions for client review
  • Built the landing page mobile-first, then refined for desktop and tablet breakpoints
  • Illustrated a custom educational map in Procreate, Illustrator, and Photoshop

Starting with the banner ad proved to be the right sequencing — it forced early alignment on the visual language before committing to the longer-form landing page. Having worked with Motherly previously, I had the brand library internalized, which meant less time on setup and more on actual design decisions. Two directions were presented; the selected option led with a color palette and heart-frame motif that mapped directly to Pampers' existing visual language, creating campaign cohesion without either brand having to compromise.

03 — Design

Landing Page, Map & Ads

Landing Page

Built in a website builder, mobile-first. My background in HTML and CSS came in useful for precise cross-breakpoint adjustments that the builder's defaults couldn't handle cleanly. The design drew from Motherly's existing collaboration templates, using their global brand library as the foundation while making room for Pampers' visual identity throughout.

Educational Map

The map was the most technically demanding deliverable. Illustrated in Procreate, then refined in Illustrator and Photoshop, the final asset had to be visually rich enough to be worth printing and lightweight enough to download quickly as a PDF. Balancing those two constraints was the core design problem. Total illustration time: approximately 10 hours.

Banner Ads

Two directions were presented. The selected option's warm palette and heart-shaped framing echoed Pampers' visual language directly, so the ad read as a clear collaboration at a glance while still anchoring within Motherly's editorial style.

B&W Wireframes Motherly x Pampers black and white wireframes
Color Wireframes Motherly x Pampers color wireframes
Banner Ad Option 1 Banner ad option 1
Banner Ad Option 2 Banner ad option 2
Educational Map Potty training adventure map illustration

04 — Conclusion

Delivered Without Notes

The client approved all three deliverables without revision notes. For client work, zero notes is the benchmark — it means the brief was correctly internalized and the design instincts were already aligned. This project was that.

Returning to a client you know well is a different kind of design challenge. There's less discovery time, which means more pressure to get the execution exactly right. The familiarity with Motherly's brand that I'd built over previous projects paid off here: every decision was faster, more grounded, and more confident because the visual language was already internalized.