JHDD Web Design Report — 2026.09.14

Depth’s ability to render 3D directly within Figma signals a pivotal shift in how visual complexity is approached on the web.

The recent activity surrounding Depth, the Three.js Conference in Paris, BL/S®’s generative 3D experiment, and Still’s WebGPU garden all underscore an accelerating push toward sophisticated, real-time 3D and procedural visual systems in the browser. These projects demonstrate a clear intent to move beyond static or pre-rendered assets, embracing dynamic, interactive visual architectures powered by increasingly capable client-side APIs and development tools.

Many in the industry still perceive intricate 3D or generative experiences as a performance luxury, often sidelining them in favor of perceived speed and utility. However, this perspective overlooks the significant advancements in browser technologies and the nuanced craft required to deliver these experiences effectively. BL/S®’s interactive experiment, transforming names into dynamic 3D structures for the Three.js Conference, exemplifies how highly personalized, visually rich content can be delivered without sacrificing essential web performance. The true challenge lies not in avoiding visual complexity, but in mastering the front-end craft to optimize these demanding visuals for seamless interaction. This involves meticulous attention to efficient asset loading, judicious geometry optimization, and the artful design of shaders that balance visual fidelity with computational cost, ensuring a fluid user experience without excessive resource consumption.

The conventional wisdom dictates that such experiences inherently add bloat and slow down page loads, labeling them as mere eye candy. This view is increasingly outdated, especially with the capabilities unlocked by WebGPU, as demonstrated by Still’s generative garden. The browser now possesses unprecedented capabilities for high-performance graphics, enabling truly unique brand expressions and interactive narratives that static designs cannot match. The careful, artisanal application of these technologies, focusing on thoughtful user experience and technical efficiency, can create deeply engaging and memorable digital interactions. This approach differentiates digital products and services in a crowded landscape by offering substantive visual value. It is predicted that by mid-2027, major browser engines will further optimize their 3D rendering pipelines and WebGPU integration, making sophisticated, real-time procedural visuals a more standard and accessible component of web design, rather than a niche specialization requiring prohibitive development costs.

This evolution faces resistance from the ingrained conservatism of established web development practices, which often prioritize minimalist content delivery and strict adherence to generic performance metrics over bespoke visual innovation. Frameworks and large-scale design systems, built primarily for efficiency and consistency across utility-focused applications, can inadvertently stifle experimentation with the kind of bespoke visual craft exemplified by projects like Yestalgia and Still. Developers focused solely on achieving perfect Lighthouse scores, often through the omission of rich visual interaction, without considering the unique value proposition of a carefully crafted, high-performance visual experience, represent a significant resistance to this progress. This often stems from a lack of expertise in optimizing complex graphics, leading to a preference for simpler, less impactful solutions.

A working web design professional should select a specific, contained section of an existing project and replace a static visual element with a performant, small-scale generative Three.js or WebGPU component. This must include rigorous performance profiling and optimization from the initial development stages, focusing on minimal resource footprint and consistent frame rates across target devices. For example, implement a subtle, procedurally generated background texture or an interactive data visualization, ensuring it degrades gracefully for less capable hardware.

---

Curated References