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 fan-made concept started with the stark geometry of Bauhaus and The Sky’s Gone Out. The goal was not to reproduce a conventional band template, but to turn the atmosphere of the records into an interface that feels unstable, physical, and alive.
Bauhaus Band Site starting frame
The first screen that had to carry the business case.
02 / Insight
The records already had a visual language. The site had to distort, delay, and reveal in the same register rather than wrapping the band in a template.
Video openUnstable typeAlbum geometryProcess reconstruction
Atmosphere as interface
The records already had a language. The site had to distort, delay, and reveal in that register — not wrap the band in a template.
- Distort
- Delay
- Reveal
03 / System
Video, Blotter distortion, album geometry, and tour/merch content were treated as one system so the interface would feel unstable without becoming unusable.
Process reconstruction
Motion system
Opening film, Blotter distortion, album artwork, tour dates, and merch were one unstable 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 shipped interface, used as the execution artifact.
05 / Outcome
The project became a focused animation playground and a demonstration of how a strong cultural reference can shape interaction—not only color and type. It is presented as an unofficial fan concept, with all original artist material credited to its respective owners.
Bauhaus Band Site after launch
The finished system, held together as one experience.