CLIENT

Kellogg's

ROLE

Lead Product Designer

RESPONSIBILITES

Wireframes, Product Design, Prototypes, Design System, Asset Creation

TOOLS

Sketch, Zeplin, Illustrator, InDesign,
InVision

joyböl

SUMMARY

Kellogg's was ready to debut a new brand and product: joyböl, a shelf-stable smoothie bowl. Because of the timeline, we needed to work in parallel with the agency that was creating the final brand look and assets. We worked quickly to create a responsive, mobile-first site as well as establishing photography and iconography for the brand. In order to appeal the joyböl audience - on-the-go millenials - we based our design system and strategy on the unexpected, leaning heavily on the "hackable" nature of the product itself. Utilizing texture, surreal photos, and custom icons, we delivered a responsive experience along with a first-in-class Amazon A+ page - a new concept for Kellogg's.

Discovery & Definition

Design Process

Design Principles

AUTHENTIC

joyböl is authentic, and speaks to its users on their level. By using textured surfaces in the photography, we're able to incoporate a more tactile feel to the site - making the brand not just feel more real, but grounded in an actual space that the user frequents.

PLAYFUL

Tying together the colorful personality of the brand with representational spaces creates a playful balance between fun and relatable. We're inspired by the colors featured on the packaging, along with the treatment of type.

UNEXPECTED

Just like joyböl disrupts the normal morning breakfast routine, we disrupt the expected experience for users without creating a barrier to the product. Each section has its own personality, much like each of the flavors.

FLUID

We counter the sharp angles and shapes of text elements with round, organic elements and interactions inspired y the "just add water" ease of joyböl. Each interaction is fluid and surprising, mimicking the joyböl creation process.

Design System

Product-Inspired UI

The CTAs on the site were inspired by the mechanic of pouring water into joyböl, but much of the remaining interactions were created to reinforce the hackable, unexpected nature of the product.

Photography

Typography

Iconography

UI Design

CONTACT

For inquiries or questions, you can email me at hello [at] carinatous.com. I'm currently available for fulltime and freelance work.

SOCIAL

Interested in seeing me elsewhere? Follow me:
WNW  | Etsy |  Twitter |  Instagram  |  INPRNT

OTHER

Hey, thanks for looking at my work. And for reading everything in the footer, too. You've got an eye for detail.