Caffè Design

Concept

Caffè Design is an Italian “designer gang” that teaches design through TikTok and podcasts; their website is the digital clubhouse. Instead of a flat bio, visitors step into a low-poly coffee bar rendered in WebGL. From there you can walk, jump or teleport to four rooms Studio, Podcast Booth, TikTok Wall and “Draw With Us” each streaming live content from their social feeds. The idea: merge consumption and participation so the site feels like hanging out with the trio in real time.

Visual Language & Motion

Textures are cartoon-matte: terracotta tiles, neon scribbles and steam wisps curling off a giant latte cup. Headlines pop in a chunky, hand-drawn grotesque, while tooltips use typewriter serif echoing the crew’s zine roots. Every click spawns a spark-particle burst that decays in 0.6 s, adding a tactile reward loop. Colour coding keeps orientation simple: yellow for navigation beacons, magenta for interactive objects, cyan for user-generated doodles.

UX & Performance

Despite constant multiplayer WebSocket traffic, LCP sits ~1.4 s desktop / 1.9 s mobile thanks to Draco-compressed meshes, GPU instancing and frame-rate throttling in background tabs. prefers-reduced-motion drops camera bob and disables particle bursts, while colour pairs remain above WCAG AA even against bright neon. A minimalist HUD shows latency, active visitors and a one-tap “Return to Lobby,” preventing metaverse vertigo.

Takeaway

Caffè Design proves that a creator website can double as the community’s living room blending education, fandom and co-creation in one tab without sacrificing performance or accessibility.