OREO
Mobile Web Design · UX/UI · Digital Campaigns
Role: UI/UX Designer, Visual Designer
Designing mobile sites for Oreo was a chance to bring a brand I knew for its playful spirit into an interactive experience. I wanted to keep that familiar sense of fun while making it easy to explore products, watch videos, and take part in promotions.
The work brought together product discovery and campaigns such as Cookie vs. Creme and Twist, Lick, Dunk. Each had its own personality, but the experience still needed to feel unmistakably Oreo.

CHALLENGES
Games, contests, social content, and product information all competed for space on a small screen. The challenge was to give each a clear place without making the site feel crowded or losing the brand’s lighthearted character.

GOALS
Make exploration easy: Use clear content groupings and large, touch-friendly controls so visitors could move naturally between products, recipes, and campaign content.
Keep the playfulness: Carry Oreo’s bright blues, cookie imagery, and expressive campaign graphics into the mobile layouts.
Invite participation: Give videos, fan moments, contests, and the game app clear entry points and a simple next step.

ACCOMPLISHMENTS
Connected brand and utility: Designed mobile layouts that balanced Oreo’s playful identity with practical product information and navigation.
Supported campaign participation: Created experiences for promotional content, social sharing, and fan-submitted Oreo Moments.
Promoted the game experience: Designed a dedicated Twist, Lick, Dunk section with trailers, screenshots, and a prominent App Store download call to action.
MOBILE DISCOVERY & SOCIAL CONTENT
I used bright blues, oversized cookie imagery, and large navigation buttons to make the mobile homepage feel playful and easy to explore. Promotional banners gave campaigns a prominent entry point, while the social feed brought fan moments into the same visual system.
Oreo Mobile Homepage and Social Feed Screens
PRODUCT BROWSING & NAVIGATION
Product imagery led the browsing experience, with ingredients and nutrition information available in the detail views. A simple slide-out menu gave visitors a direct route to products, social content, and videos while keeping the mobile screen focused.
Oreo Mobile Product Browsing and Slide-Out Menu
CONTESTS & GAME PROMOTION
Cookie vs. Creme and Twist, Lick, Dunk called for a more energetic campaign treatment. I organized contest information, social prompts, video content, and app promotion into distinct panels. The game section featured screenshots and a prominent download button, giving visitors a clear path from discovering the game to getting it.
Oreo Cookie vs. Creme and Twist, Lick, Dunk Mobile Screens
← PREVIOUS             ALL WORK             NEXT →
↑Back to Top