Prompt
Design an experience to boost sales
Tools
Figma, After Effects, Illustrator
Time
12 weeks
Concept
Design system
Overview
Section 01
Cookie Coupons
01
Problem
Increse Cookie Sales
Nabisco Brands is looking for an interactive digital experience to boost cookie sales and appeal to a broader audience.
Guiding Question
How do we encourage people to buy more cookies?
02
Solution
Cookie Coupons
Cookie Coupons is a mobile experience where users feed virtual pet cookies by scanning barcodes on Nabisco Brand products.
When the user scans enough cookies, they are rewarded with coupons that can be used to purchase more Nabisco Brand products.
Scan Purchase!
Feed Your Pet!
Get Rewards!
03
Animated Prototype
Cookie Coupons
A complete animated walkthrough of the Cookie Coupons mobile experience and interactive components.
Watch as a user scans a package of cookies, interacts with their pet, and earns an exclusive coupon.
Key Features
Section 02
Cookie Coupons
01
Virtual Pet
Users can interact with their virtual pet by feeding them, dancing with them, and putting them to sleep.
02
Coupons
Once the happiness meter is complete, the user earns rewards. The coupon is sent directly to the user's email for ease of access
03
Intuitive UX
Cookie Coupons is designed with forgiveness, featuring single-screen UI, calls-to-action, and icons in place of words on most buttons.
04
Doherty Threshhold
A custom loading state and animations visually engage the user while loading is occurring in the background.
Process
Section 03
Cookie Coupons
4/10 Parents
entertain their children with their own phones.
2020, pewresearch.org
35% People
check their phones 50 times a day or more.
2022, reviews.org
50% of Apps
are discovered while browsing an app store.
2014, apple.com
02
Target User
Shopping Rewards for Kids
Cookie Coupons is an experience designed to be used by children on their parent's mobile devices.
Children are a previously untargeted demographic and offer a critical opportunity for Nabisco to market to a broader audience and build brand loyalty for lifelong customers.
Tommy Reed
9 years / Child / Wellesley, MA
"I want mom to buy cookies at the store so I can play with my pet mouse."
User Needs
Simplicity, forgivness
Pain Points
Reading proficiency
Design Patterns
Oversized components, icons
Samantha Reed
45 years / Parent / Wellesley, MA
"I just need a moment of quiet, so I can unpack the groceries and start cooking dinner."
User Needs
Time, convenience
Pain Points
Limited patience
Design Patterns
Intuitive user flow
Nabisco Brands
124 years / Food Manufacturer
"I want shoppers to buy nabisco cookies more frequently and in greater volume."
User Needs
Incresed sales
Pain Points
Competition
Design Patterns
Push notifications, email
02
Visual Direction
Style Board
Cookie Coupons is designed to be cartoonish, cheery, and straightforward.
Color Palette
Highly saturated colors draw the user's eye to the focal point, while the background fades away with lighter, more neutral tones.
Texture
The asset's grainy texture and drop shadows add a tactile dimension to the otherwise 2D animations.
Typography
Comic Neue is based on original comic book fonts, which appeals to children and keeps the aesthetic lighthearted.
03
Character Design
Law of Prägnanz
Mr. Mouse is designed to be easily recognized by his silhouette because the human eye simplifies complex shapes by transforming them into a single, unified form.
Initial Concept vs. Final Design
Dance!
Snack!
Nap!
Deliverables
Section 04
Cookie Coupons
01
Sketches
Initial Concept
Cookie Coupons draws inspiration from the simplicity and joy of children's picture books and Saturday morning cartoons.
02
Wireframes
Universal Nav
The navigation bar gives users options for interacting with their virtual pet - putting them to bed, feeding them cookies, and dancing.
03
Final Compositions
Rewards
Users are rewarded every time they open Cookie Coupons with cute animations and rewards.
04
User Flow
Single Screen
This experience is built around one screen where users spend most of their time interacting with their virtual pet.
Conclusion
Section 05
Cookie Coupons
01
Summery
Cookie Coupons
Cookie Coupons is a mobile experience that increases Nabisco's cookie sales by encouraging users to purchase more cookies to feed their virtual pets.
Users are rewarded for their in-store purchases, can interact with an adorable virtual pet, and earn exclusive rewards and coupons for more Nabisco products.
Cookie Coupons are designed to be used by children (on their parent's mobile devices), a new demographic for Nabisco's sales campaigns.
02
Take Aways
User vs. Profits
I learned how to balance the end user's needs with the stake- holders' business goals to create an experience that is both functional and profitable.
Animation Cycles
I learned how to use Adobe After Effects to animate the sleeping, eating, partying, and waving animation cycles of Mr. Mouse and create the animated prototype.
Designing for Kids
I learned how to design an experience for children with common design patterns like oversized components, cartoon colors, and icons over words when possible.
Keep Exploring!
Motion DesignMotion Graphics
Exercise LegendsUI/UX Design
RUNRDesign System
Rare ColorsUI/UX Design
ArtTagCapstone Project
BB&B UniversityUI/UX Design
Connect
Lucie Robert 2022