The Brief
Bauhaus Earth needed an official website relaunch that reflected the ambition of its work.
The public experience had to feel distinctive, immersive, and technically progressive. At the same time, the organisation needed a practical publishing workflow that did not require a developer whenever content changed.
I built a custom Three.js frontend with WordPress operating behind it as a headless CMS, joining a real-time visual experience to a familiar editorial system.
The Central Tension
Highly bespoke websites often create a trade-off between design freedom and maintainability.
A conventional CMS theme would have made publishing straightforward but constrained the experience to familiar templates. A completely custom WebGL application would have created far more visual freedom, but could also have locked routine content updates inside the codebase.
The architectural challenge was to separate those concerns cleanly: allow the frontend to behave like a digital installation while giving the Bauhaus Earth team a dependable source of truth for content.
A Headless Architecture
WordPress remained the editing environment, but it no longer controlled the public presentation layer. Its REST API exposed structured content to the custom application.
This allowed editors to continue using a tool they already understood while the frontend consumed that content independently. Publishing and presentation could evolve without forcing either side into the limitations of the other.
The result was a genuine headless system rather than a conventional WordPress site with animation added on top. The CMS owned content; the application owned layout, motion, interaction, and rendering.
Building the Three.js Frontend
I built the landing experience around motion, depth, and interaction so that entering the site felt closer to entering an installation than opening a standard organisational homepage.
The WebGL layer was part of the product architecture, not a detached hero animation. It had to coexist with responsive interface elements and content arriving from the WordPress API while preserving a coherent visual experience.
That required thinking across both real-time graphics and conventional frontend development: how content should enter the application, how the interface should remain usable, and how the immersive layer should support rather than obstruct the organisation’s message.
Designing for Editorial Independence
A visually ambitious launch is only successful if the site remains useful after the development team steps away.
By retaining WordPress as the editorial backend, Bauhaus Earth could update key content without touching Three.js code or redeploying a hard-coded experience for every revision.
This made the architecture part of the product outcome. The organisation did not have to choose between a memorable public identity and ownership of its day-to-day publishing process.
The Outcome
The completed relaunch combined WebGL, animation, responsive interface design, REST API integration, and headless CMS architecture in one platform.
Visitors received a custom experience that matched the character and ambition of Bauhaus Earth’s work. Editors retained a familiar system they could operate without depending on the visual frontend’s implementation details.
The project demonstrates my ability to bridge creative technology and durable web architecture: I can push the public experience beyond a template while still building the content and maintenance model a real organisation needs.