JHDD Web Design Report — 2026.09.15

BL/S®’s interactive experiment for the Three.js Conference transformed names into dynamic 3D structures, demonstrating a potent fusion of typography and real-time graphics.

This type of project, alongside others like Yestalgia’s animated revival of Decathlon’s ’90s spirit and Resn’s healthy disregard for predictable websites, signals a deliberate recalibration of front-end craft. These are not merely examples of advanced visual effects; they represent a collective effort to shift from web content primarily consumed as static information or pre-rendered video, towards a richer domain of directly manipulated, live-rendered browser experiences. The emphasis has moved to complex, performant interactions that are intrinsically linked to layout and typography, executed with precision within the browser environment. This involves deep integration of creative coding with fundamental design elements.

Consider the work done on Depth, which involved building a 3D renderer directly inside Figma. This effort challenges the prevailing industry assumption that sophisticated 3D rendering for the web inherently requires specialized, siloed production pipelines detached from core design tools. The mainstream view often posits that such advanced graphical elements are either too performance-intensive for broad application or require such a steep learning curve that they remain niche. However, Depth’s approach demonstrates that by integrating these capabilities earlier in the design process, designers can directly influence and iterate on complex visual logic, rather than handing off static mockups for later, often compromised, development. The conventional wisdom that robust interactive visuals are inherently antithetical to efficient web performance is becoming outdated. Instead, the focus shifts to how well these elements are engineered from the outset. By mid-2027, the market will see several mainstream design tools offering tightly integrated, real-time 3D rendering capabilities, fundamentally altering the designer-developer handoff for interactive layouts.

This integration points to a future where front-end craftspeople are expected to have a deeper understanding of underlying rendering pipelines and performance implications, not just superficial aesthetic application. The notion that “fast” only means minimal JavaScript and flat designs is a simplification; true performance now includes the ability to deliver rich, interactive experiences that feel fast and responsive through highly optimized code, astute resource management, and clever rendering strategies. This is a rejection of the idea that design complexity must always be sacrificed at the altar of raw load speed metrics.

The primary opposing force to this sophisticated approach comes from the persistent drive for lowest-common-denominator templating systems and content management platforms that prioritize ease of content entry over unique front-end expression. These systems, often dictated by marketing departments or large-scale content operations, impose rigid structural constraints that inherently resist highly bespoke layout, custom typographic control, and nuanced interactive motion. Their business models are built on scalable, repeatable, often generic design patterns.

Working web design professionals should, this week, experiment with integrating a Three.js or similar WebGL-based component into an existing project, focusing specifically on optimizing its loading strategy and interaction performance. This involves understanding how to incrementally render, manage asset loading, and ensure smooth animation loops without causing layout shifts or frame drops, pushing beyond simple static placements.

---

Curated References