Projects Overview
Game Design & Generative Interaction
002 · 003 · 006 · 008 · 011 · 012 · 022
UX / UI & Product Design
Creative Coding & Generative Visuals
Project 001 – Butterfly Dream BPM
Game Design / Generative Interaction
Experimental music game concept exploring sound as a playful, interactive system.
The project focuses on generative composition through rhythm, harmony, and pattern, balancing structure with controlled randomness.
Technology: Unity, C#
Project 002 – Aeromimicry Mobile App
UX Design / AI Experience (AIX)
Mobile experience concept exploring gamified interaction through autonomous, evolving virtual entities.
The project focuses on long-term engagement, exploration, and user intervention, blending playful control with system-driven behavior.
Tools: Figma
Project 003 – Aeromimicry — Evolutionary System
Computational Design / AI Experience (AIX)
A technical exploration of adaptive, environment-driven structures inspired by evolutionary and cellular principles.The system simulates autonomous behavior, emergence, and long-term transformation shaped by spatial and environmental forces.
Real-time physics, neural-style reactions, and growth cycles generate dynamic aero-organisms that respond to simulated wind, stability, and structural tension.
Technology: JavaScript (ES Modules), Three.js (WebGL), Cannon-ES (physics), TensorFlow.js, post-processing shaders (EffectComposer, UnrealBloomPass), ConvexHull.js, OrbitControls, WebGL rendering.Python (PyGame & PyBullet Prototypes), JavaScript (Three.js). Initial behavior and physics logic were prototyped in Python (PyGame & PyBullet).
Project 004 – Primenumbers Pong
Creative Coding / Game Design
Experimental 4-player Pong variant integrating prime-number logic, rotating obstacles, and progressive paddle mechanics. The project explores mathematical gameplay systems and emergent interactions through minimal rules.
Technologies: p5.js, p5.sound.js, JavaScript (HTML5 Canvas)
Project 005 – Calm Day Trader
UX / UI Design, Fintech & Behavioral Design
Mobile fintech concept exploring trading as a calm and intentional daily practice.
The project focuses on emotional balance, trust, and steady progress, supporting considered decision-making without pressure or greed.
Tools: Figma
Project 006 – Airborn D.N.A.
Game Design, AI Systems, Evolutionary Mechanics & Flight Simulation
Airborn D.N.A. is an experimental evolution game where life begins in the air.
Players assemble DNA, plan global flight routes, and guide a creature that evolves through AI-driven behavior and environmental pressure.
Technology: Unity, C#
Project 007 – CryptoMe
UX / UI Design, Crypto & Fintech
Mobile UX/UI concept exploring emotional onboarding and trust within a crypto wallet experience.
The design explores how tone, motion, and visual language can reduce anxiety around security, while creating a familiar and confidence-building first-time experience.
Tools: Figma
Project 008 – Bitcoin Fear & Greed
AI Product / Experience Design · Client-Side Machine Learning
An interactive web experience that translates Bitcoin market data into human-readable sentiment, presenting client-side machine learning as a transparent, user-centered product system.
A lightweight neural network runs entirely in the browser, classifying market conditions into emotional states from Extreme Fear to Extreme Greed. Training, confidence, and inference remain visible, positioning the model as an understandable system instead of a black box.
Technology: Client-side Machine Learning · ml5.js / TensorFlow.js · p5.js · Data Visualization · CoinGecko API
Project 009 – BeeGuardians
UX Writing, Onboarding Flows & Animated UI
Mobile app concept exploring UX writing, onboarding flows, and micro-interactions.
The project focuses on clear communication, error-state design, and push-notification behavior, supported by animated UI elements to enhance clarity and engagement.
Tools: Figma
Project 010 – Weather App
UX / UI Design & Early-Stage Marketing Concepts
Concept for a colorful weather app that introduces a new font each day, combining functional forecasting with typographic discovery.
The project explores visual hierarchy, readability, and playful daily variation through subtle motion and clean UI composition.
Tools: Figma
Project 011 – Manifesto for A.I.
Human-AI Collaboration, Ethical AI, Creative Tech, 2023
A visual manifesto exploring ethical AI, human creativity, and the evolution of writing as a vessel for wisdom, positioning AI as a natural continuation of revolutions like Gutenberg’s press.
Created through iterative human–AI collaboration with ChatGPT-4 (2023), with imagery generated in Midjourney and animated in Runway using layered text-to-speech voices.
The project reflects on writing’s role across cultures and generations, advocating a deeper, forward-looking mindset that draws on the essence of both living and lost cultures as we shape the future with AI.
Technology: Open Ai ChatGPT, Midjourney, Runway, Soundraw, Premiere
Project 012 – Evolution through the Eyes of AI
Generative AI, 2022
A sequence of nearly 1500 AI-generated images created in NightCafe (Stable Diffusion), visualizing the evolution of life, from early bacteria and protostomes to trilobites, echinoderms, fish, reptiles, birds, mammals, humans, and an imagined future.
The project explores evolutionary transitions, cycles of mass extinction, and speculative post-human trajectories shaped by sociological, cultural, and biological forces.
In its final stages, humanity evolves into a fully connected, nearly formless fungal-like network—an organism without fixed boundaries, reflecting both interdependence and continual renewal.
Technology: NightCafe (Stable Diffusion), Soundraw, Adobe Premiere
Project 013 – Archaeologische Schatzsuche
UX / UI Design, Gamification
Mobile AR-App, die archäologische Fundorte schweizweit mithilfe von Standortdaten und 3D-Modellen erlebbar macht. Nutzer erhalten Hinweise in der Nähe historischer Stätten und sammeln virtuelle Artefakte in einer digitalen Schatztruhe als Teil eines Reward-Systems. Eine spielerische Erweiterung im Stil von Pokémon-Go soll besonders junge Zielgruppen für Archäologie begeistern.
Technology: Figma, AR concept design, Geo-triggered UX
Project 014 – TechnoButterflies - Piano Symphony
Creative Coding / Generative Audiovisual
Generative audiovisual piece where swarms of “techno butterflies” grow and drift through 3D space while soft piano fragments play.
The system uses molecule-like structures that clone, move, and rotate over time, inspired by cellular growth and creating an evolving, orchestral piano texture.
Technology: p5.js, WebGL, p5.sound, HTML, CSS
Project 015 – TechnoButterflies - Oscillating swarm
Creative Coding / Generative Audiovisual
A variation of the TechnoButterflies system, this version uses pure oscillator-based sound instead of piano samples.The generative 3D forms grow, clone, and drift in molecule-like structures, while a modulated noise oscillator creates an electronic, experimental soundscape. The result is a raw, more abstract interpretation of the original Piano Symphony.
Technology: p5.js, WebGL, p5.sound oscillator, HTML, CSS
Project 016 – BubblesXYZ - Oscillator
Creative Coding / Generative Audiovisuals
Generative 3D study where clusters of “bubbles” grow outwards along the X, Y, and Z axes from a single origin point. Each molecule is built from ellipsoids that expand into space while the scene slowly rotates, accompanied by layered soft piano fragments and a low-level oscillator tone, creating a floating, meditative soundscape.
Technology: p5.js, WebGL, p5.sound oscillator, HTML, CSS
Project 017 – BoxRandom - Oscillator
Creative Coding / Generative Audiovisual
A generative 3D study where six ellipsoids grow, stretch, and disperse along the six cardinal directions of a cube. Each shape expands organically until it reaches the edge of an invisible boundary, then spawns a new growth cycle from its endpoint.
This creates an endless rhythm of geometric “bursts,” forming a pulsating spatial structure that feels both mechanical and biological.
The system uses variable growth rates, shifting ellipsoid resolution, and continuous repositioning to produce evolving formations reminiscent of expanding cells, crystal growth, or oscillating spatial organisms.
Technology: p5.js, WebGl, HTML, CSS
Project 018 – CSS Animations with Variable Fonts
Web Animation & Variable Typography
A series of experimental text animations created using a single word and a variable font.
Through CSS keyframes, font-variation settings, and staggered animation delays, each character transforms independently—stretching, skewing, scaling, and shifting weight to explore the expressive potential of variable typography.
Technology: HTML, CSS (Variable Fonts, Keyframe Animation)
Font: SKWAR-VAR by Heydon Pickering -> heydon.works/skwar
Project 019 – Technical Manual and Design Guidelines
Corporate Design / Signage
Comprehensive technical manual defining all physical ATM signage, decals, labels, and wayfinding elements. The project included layout systems, iconography, material specifications, and precise placement rules — supported by photorealistic technical illustrations of the ATM hardware, produced to ensure accurate implementation across all locations.
Tools: Adobe InDesign, Illustrator, Photoshop
Project 020 – Tierra 3.1. Spaceship
Concept Systems, 3D Modeling & Animation
A futuristic spacecraft concept envisioning interstellar travel using a tourbillon-inspired multi-axis orbital engine capable of rotating across all axes to concentrate and convert solar energy into propulsion. The design blends advanced engineering logic with sculptural form language, exploring how future spacecraft might merge aesthetics, efficiency, and sustainable energy harvesting.
Technology: Autodesk Alias Automotive, Maya
Project 021 – Tierra 3.1. Spaceship Development
Concept Design, Ideation
Early-stage development of the Tierra 3.1 spacecraft concept, exploring form, function, and propulsion logic through iterative sketches, scenario studies, and design explorations.
The project focuses on systemic ideation, how structure, movement, and energy flow could coherently evolve from initial hand-drawn concepts into a refined 3D form.
Tools: Hand sketches, Photoshop, Wacom Tablet, Autodesk Alias Automotive, Maya
Project 022 – Autonomous Travel & AR Experience Concept
Concept Design, Research & Development
Exploration of future autonomous mobility through the combined design of a concept vehicle exterior, interior cabin architecture, and the in-vehicle AR experience.
The project investigates how passengers behave in fully self-driving cars and how context-aware technology, spatial interaction, and adaptive AR overlays can shape a new kind of intelligent travel. Inspired by the idea of a modern "Grand Tour", the concept imagines a curated journey where vehicle form, interior ambience, and digital layers work together. The design integrates speculative vehicle architecture, onboard entertainment systems, and behaviour-driven AR storytelling to explore how autonomous vehicles could become immersive, personalized travel environments.
Tools: Hand sketches, Photoshop, Wacom Tablet
Project 023 – SEAT Technetium Shooting Brake Concept
Concept Design / Exterior Design
A new interpretation of a Shooting Brake concept car, blending bionic design principles, high-tech surface language, and expressive cues inspired by traditional Kabuki masks.
The project explores proportion, stance, and sculptural tension to create a bold yet aerodynamic exterior identity, positioned as a futuristic evolution within SEAT’s design philosophy.
Tools & Technology: Hand sketches, Photoshop, Wacom Tablet, Tape Rendering, ICEM Surf, Foam & Clay Model, Rapid Prototyping
Project 024 – Conceptual Vehicles & Futuristic Automobility
Concept Design
A series of speculative vehicle explorations that deliberately move beyond contemporary automotive conventions.Some of these concepts draw inspiration from human and biological anatomy, rethinking car-body structure, proportion, and movement through the lens of engineered morphologies and emerging smart materials.
The project investigates how future mobility could evolve when freed from technical constraints, resulting in highly experimental forms and alternative approaches to vehicle architecture.
Tools: Hand sketches, Adobe Photoshop, Wacom
Project 025 – Sinus Torus
Creative Coding / Generative Geometry
Sinus Torus is a generative 3D study that explores the aesthetics of mathematical motion. Multiple torus structures are layered and transformed using sinus and cosine functions to drive rotation, deformation, and geometry subdivision. The result is a continuously evolving object that shifts between rigid structure and fluid motion, animated by an internal pulse.
The piece uses dynamic detail mapping, oscillating ambient light, and camera motion to create an organic metallic appearance — a hybrid between a mathematical form and a living, breathing organism. Developed in p5.js, the work investigates how trigonometric functions can generate rhythmic, emergent complexity.
Technology: p5.js, WebGL, JavaScript