Cookie Monster Cooking

Role //

Product Designer, Developer


Duration //

March-April 2024


Tools //

Figma, Next.js, OpenAI API, Spotify API, ESP32

Imagining how AI can be used to create transparent modes of data collection methods through the lens of cookie recipes.


Problem Space

Currently, websites employ digital cookies to collect user data for individualized user experiences when browsing. However, by clicking Accept All Cookies, users give the website full control over data such as their search history, location, and more. In this project, I look at how I can use AI to redesign invasive data collection methods such as web cookies—to recommend a tasty cookie recipe at the end of the week.

Web Cookies

Journey Map + Tech Diagram

Since digital cookies take from you, I wanted to create a system that gives to you. In this case, cookie recipes.

By strategically choosing the types of data users want to feed the cookie monster, at the end of every week, there will be a cookie recipe waiting for them to be baked.

Journey Mapping

Tech Diagram

Prototyping

Onboarding Interface

To start the cookie monster cooking process, users choose the types of data they want to feed to the cookie monster. Each app that the user connects controls a different aspect of the cookie recipe. In this case, I chose to connect Spotify and Github.

Mockup with other types of data that can be sent

Spotify

Spotify, which represents my mood for the week, and determines the toppings that go on the cookie.

Uploading Spotify Data

Spotify Generated Toppings

Spotify Data

Github

Github, which represents how hard I worked in a week and determines the amount of cookies that the recipe can make.

Uploading Github Data

Github Generated Portion Size

Github Data

Website Walkthrough

Website Walkthrough

Cookie Monster Printer

The Cookie Monster Printer prints the receipt that users receive at the end of the week with the cookie recipe on it. It is designed to be placed near your kitchen.

Demonstration of Tagging feature

Demonstration of Tagging feature

Cookie Monster Functionalities

Recipes

The recipes at the end of the week serve as a log of:

1. The user’s activities during the week, such as their mood and amount of work done.
2. Delicious cookie recipes!

Users are encouraged to log their reciepts, so that they have a journal of the different types of activities they have done thoughout the weeks, months, and years.

Demonstration of Filter feature

Demonstration of Filter feature

Final Thoughts

From this project, I learned how to leverage AI in my designs. By thinking about the affordances of AI and how its generative capabilities allow for individualized experiences, I was able to see AI as a design tool. It was inspiring to think about the capabilities of how AI and humans can work collaboratively to create powerful experiences, such as transparent data collection methods.