Search
The Sleepers: Creating an Atmospheric WebGL Experience with Lightweight Techniques
10.7.2026
From swirling transitions and animated fog to mesh outlines and infinite worlds, here's a breakdown of the techniques behind it
Ten Years Away: Designing an Interactive Comic for Studio375’s Tenth Anniversary
8.7.2026
The story behind "Ten Years Away", a scroll-driven interactive comic created to celebrate Studio375's tenth anniversary, from its printed origins to its WebGL implementation
Sculpting a Digital Athlete: Capturing Stefanos Tsitsipas Beyond the Court
1.7.2026
Explore the complete 3D workflow behind Stefanos Tsitsipas' digital character, from photogrammetry and rigging to animation and WebGL optimization
Inside Bisous: Designing an Editorial Experience for Cinematic CGI
29.6.2026
A behind-the-scenes look at how editorial composition, purposeful motion, and minimalist design create a portfolio that lets cinematic CGI take the spotlight
Engineering the Web Experience Behind Shopify’s Spring ’26 Edition: Everywhere
26.6.2026
A detailed look at the rendering architecture, custom tooling, and performance techniques behind Shopify's Spring '26 Edition: Everywhere
Podium: Building a Website Where Running Becomes Storytelling
23.6.2026
How we designed and built a portfolio that preserves cinematic storytelling through rhythm, motion, and restraint
Designing A Better Lou: Reducing Cognitive Load Through Design, Content, and Systems
16.6.2026
A look at the design, content, and development decisions behind A Better Lou, a healthcare platform built to reduce complexity and improve clarity
Sketching the Impossible: A 3D Portfolio Built Without a Single 3D Model
11.6.2026
How a complete lack of Blender skills accidentally led to an award-winning 3D universe. Here’s what happens when you ignore the "correct" way to code and build an infinite corridor out of flat geometry
Building Horeca: Advanced Motion Design in Webflow Without the Performance Trade-Offs
10.6.2026
An inside look at how we built Horeca’s motion system in Webflow, from scroll-triggered animations and sticky layouts to performance tuning, mobile optimization, and production-ready architecture
Building an Interactive Digital Stamp Collection with Shaders, Postcards, and Playful Inspection
9.6.2026
How we turned a small archive of stamp illustrations into a tactile web experience with draggable stamps, a shader-based loupe, and a postcard feedback dialog
The Making of the New Lesse Studio Website: Clarity, Performance, and Intentionality
5.6.2026
What rebuilding the Lesse Studio website taught us about self-hosting, performance, and choosing tools with intention
80s Business Tech and Seamless Scene Transitions: Inside Shader.se’s Scroll-Driven WebGPU Pipeline
19.5.2026
How we built the scroll-driven WebGPU pipeline behind Shader.se, from selective scene rendering to seamless scene transitions using React Three Fiber
Designing Ourselves: The New Obys Identity and Website
14.5.2026
An inside look at the new Obys – from rethinking our identity to building a system where type, motion, and structure work as one, shaping a more precise and consistent experience
From Shader Uniforms to Clip-Path Wipes: How GSAP Drives My Portfolio
6.5.2026
A look at how my portfolio came together as a technical handshake, with GSAP orchestrating everything from shader uniforms to text reveals
Designing Against the Gallery: A Two-Year Journey to a Layered Portfolio Experience
2.5.2026
A two-year journey to create a layered, engaging portfolio beyond the traditional gallery
More Than a Portfolio: Building a Scroll-Driven 3D World with Something to Say
28.4.2026
A scroll-driven 3D world built from scratch with Three.js, GSAP, and WebGL — where every technical decision serves a message worth sharing
Susurrus: Crafting a Cozy Watercolor World with Three.js and Shaders
24.4.2026
A behind-the-scenes look at blending NPR shading, sound, and interaction to shape a meditative WebGL scene
Building 4WIDE: Turning Distortion, Blur, and Motion into a Coherent Experience
23.4.2026
A look at designing and building the 4WIDE website, exploring how distortion, blur, and motion were used to create an expressive experience while balancing clarity and performance
False Earth: From WebGL Limits to a WebGPU-Driven World
21.4.2026
A deep dive into building an infinite procedural landscape using WebGPU and Three.js, where compute shaders and indirect drawing bring millions of interactive grass blades to life
They Call Me Giulio: The Making of a Cinematic Cyberpunk Portfolio
14.4.2026
A deep dive into four cinematic scenes, exploring how film-inspired ideas evolved into a cohesive and immersive portfolio experience