Case study
Bauhaus Band Site
An experimental fan concept translating Bauhaus album artwork into distortion, motion, music, merchandise, and tour content.
Visit the project
- Client
- spen studio
- Services
- Website development · UI/UX · Animation
01 / Challenge
This concept started with the stark geometry of Bauhaus and The Sky’s Gone Out. The goal was not to reproduce a conventional band site, but to turn the atmosphere of the records into an interface that feels alive.
02 / Insight
The records already had a visual language. The site had to distort, delay, and reveal in the same register rather than following a template
Video openUnstable typeAlbum geometryProcess reconstruction
Atmosphere as interface
The records already had a visual language. The site had to distort, delay, and reveal in the same register rather than following a template
- Distort
- Delay
- Reveal
03 / System
We built a complete band experience with a cinematic video opening, animated and distorted typography, album artwork, history, tour dates, and merchandise. Blotter.js distortion materials and custom motion experiments carry the visual language through the site while responsive layouts keep the content usable.
Process reconstruction
Motion system
Blotter distortion, album artwork, tour dates, and merch were as one structure. Usable, not chaotic.
- Video
- Blotter type
- Album
- Tour / merch
04 / Execution
We built a complete band experience with a cinematic video opening, animated and distorted typography, album artwork, history, tour dates, and merchandise. Blotter.js distortion materials and custom motion experiments carry the visual language through the site while responsive layouts keep the content usable.
Bauhaus Band Site live experience
The final interface, used as the execution artifact.
05 / Outcome
The project became an animation playground and a demonstration of how a strong cultural reference can shape interaction, not only color and type. This site is presented as an unofficial concept, with all original artist material credited to its respective owners.
