Bubble Gum Bliss

"Bubble Gum Bliss" is a groundbreaking web project that blurs the boundaries between imagination and digital storytelling. Designed as a virtual shop, the project offers users a unique opportunity to explore immersive journeys through fictional worlds, all triggered by consuming virtual bubble gums.

The project was developed as part of the course "Design Against the Machine, Nonlinear Narratives of the Near Future," led by Prof. Boris Müller, at the University of Applied Sciences Potsdam, in collaboration with Nina Kahmke.

We engaged intensively with and against generative AI tools, using them to create, disrupt, and reimagine code, visuals, and narratives, while reflecting on their ethical and creative implications.

Screenshot 1 Screenshot 2 Screenshot 3

Key Achievements

  • Conceptualized and executed a fictional universe that integrates abstract patterns, optical illusions, and dynamic animations to captivate users
  • Developed a 360° rotating skybox using advanced JavaScript techniques
  • Utilized AI-generated content for visuals and text
  • Implemented interactive storytelling techniques for deeper engagement

Technologies Used

  • HTML, CSS, JavaScript: for responsive design and interactivity
  • AI Tools: MidJourney and Photoshop for visuals
  • Figma: for prototyping and UI design

Challenges and Learnings

Balancing the creative freedom of AI tools with the need for high-quality outputs was challenging. Tools like MidJourney and Photoshop accelerated the design process, but manual refinement was necessary. Coding a 360° skybox was technically demanding, especially for compatibility across devices.

We learned a lot about integrating AI into design workflows and the importance of human oversight. It also sharpened our understanding of user-centered design and how to make experiences intuitive and fun.

Screenshot 4 Screenshot 5 Screenshot 6