Family-friendly Games and Activities for Kellogg’s

UX Design for a vibrant Kellogg's platform. Ideated, analysed, optimed and documented multiple features, bringing ethical design and impactful results.

Herbalife Main Image

Summary

This project focused on creating a vibrant, family-oriented web platform for Kellogg’s, designed to foster fun and meaningful off-screen moments through engaging games and marketing campaigns. As a Senior UX Designer, I was responsible for ideating, analyzing, optimizing, and documenting both new and existing features, always considering ethical implications. By providing clear, optimized handoffs to the UI team, the project catalyzed impactful, innovative deliveries aligned with Kellogg’s vision.
Year
2024
Duration
4 months
Client/Company
Kellogg's
Role
Senior UX Designer
Team
Product Manager Lead UX Designer Product Owner UI Squad Development Squad
Deliverables
Documented Wireframes User Flows Annotated UX Behaviors Game Mechanics Analysis Support Materials for Ideation Workshops Handoff for UI Squad Tech Feasibility Investigation
Year
2024
Duration
4 months
Client/Company
Kellogg's
Role
Senior UX Designer
Team
Product Manager Lead UX Designer Product Owner UI Squad Development Squad
Deliverables
Documented Wireframes User Flows Annotated UX Behaviors Game Mechanics Analysis Support Materials for Ideation Workshops Handoff for UI Squad Tech Feasibility Investigation

[PROJECT 1 - BODY 1] The key insight or objective of this step in the process

A brief sentence or two giving more context about this step. It’s ok to give some details and context. But don’t assume that hiring managers will take the time to ready everything you’ve written.

  • It’s more likely that they’ll spend just a minute or two on your site
Image caption goes here. Use images and captions to your advantage. If the hiring manager is only skimming your headlines, images, and captions they should be able to understand the story.
“A pullquote that illustrates the key insight above. These are compelling and make your case study scannable.“
Testing - Subtitle

A few more sentences here, if you need them.

Testing - Subtitle

Keep it very brief. You’re going for scannability!

Activites and Outputs

Project 1 - Body 1 - Tag 1

Project 1 - Body 1 - Tag 2

Project 1 - Body 1 - Tag 3

[PROJECT 1 - BODY 2] The key insight or objective of this step in the process

A brief sentence or two giving more context about this step. It’s ok to give some details and context. But don’t assume that hiring managers will take the time to ready everything you’ve written.

  • It’s more likely that they’ll spend just a minute or two on your site
Image caption goes here. Use images and captions to your advantage. If the hiring manager is only skimming your headlines, images, and captions they should be able to understand the story.
“A pullquote that illustrates the key insight above. These are compelling and make your case study scannable.“
Testing - Subtitle

A few more sentences here, if you need them.

Testing - Subtitle

Keep it very brief. You’re going for scannability!

Activites and Outputs

Project 1 - Body 2 - Tag 1

Project 1 - Body 2 - Tag 2

Project 1 - Body 2 - Tag 3

[PROJECT 1 - BODY 3] The key insight or objective of this step in the process

A brief sentence or two giving more context about this step. It’s ok to give some details and context. But don’t assume that hiring managers will take the time to ready everything you’ve written.

  • It’s more likely that they’ll spend just a minute or two on your site
Image caption goes here. Use images and captions to your advantage. If the hiring manager is only skimming your headlines, images, and captions they should be able to understand the story.
“A pullquote that illustrates the key insight above. These are compelling and make your case study scannable.“
Testing - Subtitle

A few more sentences here, if you need them.

Testing - Subtitle

Keep it very brief. You’re going for scannability!

Activites and Outputs

Project 1 - Body 3 - Tag 1

Project 1 - Body 3 - Tag 2

Project 1 - Body 3 - Tag 3

[PROJECT 1 - CONCLUSION] - Conclusion

Give the case study a nice conclusion. This could be the current status of the project, next steps, lessons learned, or what you’d do differently.

Image caption goes here. Use images and captions to your advantage. If the hiring manager is only skimming your headlines, images, and captions they should be able to understand the story.
“If you have a testimonial from a co-worker, client, or user, this is a nice place for it. Social proof is persuasive and helps you stand out.”

Activites and Outputs

Project 1 - Conclusion - Tag 1

Project 1 - Conclusion - Tag 2

Project 1 - Conclusion - Tag 3