Design Against the Machine

#ArtificialIntelligence #Code #Webdesign

The project was developed in the context of the seminar »Design Against the Machine« and explores creative and critical approaches to generative »AIs« and their influence on contemporary design. The goal was to experiment, develop speculative narratives through code, interaction and visual storytelling and reflect the creative potential and limitations of generative »AIs« in web-based design.

»Bubble Gum Bliss« is a fictional webshop offering immersive journeys into speculative worlds. The website plays with themes like escapism, virtual experiences and pattern-based space illusions. It critically engages with »AI«-generated content by remixing, disrupting and reinterpreting the aesthetics and logic behind it.

The project began with a conceptual exploration of utopian and absurd future scenarios, leading to a focus on fictional experiences. Visual inspiration was gathered through moodboards, »AI« prompts and hands-on experiments with code. Throughout the process, we created and deconstructed »AI«-generated content (Midjourney, BlockadeLabs, ChatGPT), explored spatial illusions and prototyped interactive layouts using Figma and code. The result is a scroll-based web experience combining poetry, playful typography, parallax effects and interactive, animated elements.

AI Tools: ChatGPT, Midjourney, BlockadeLabs
Design & Prototyping: Figma, Adobe Photoshop
Development: HTML, CSS, JavaScript
Collaboration & Documentation: Miro, Google Drive, GitHub

University of Applied Sciences Potsdam (2024)
Team: Alina Benter,
Mentor: Prof. Boris Müller

tap to play

tap to play

tap to play

Moodboards

To define the project’s visual direction and structure ideas, we created collective moodboards (Figma prototypes) combining AI-generated imagery, color and layer experiments as well as typography. 

Midjourney Patterns

We focused on exploring and generating patterns, multi-layered visuals and 3D objects to create the impression of a multidimensional website that draws users in.

Midjourney Images

To optimize our workflow using Midjourney, we explored various style, character and image references, used prompt optimizing AI tools and in the end started to deconstruct the results for further design implementation.

Scroll to Top