Flat vs. Immersive 3D: Where do you stand? 🌐👇 Flat, text-heavy websites often fail to capture a...Flat vs. Immersive 3D: Where do you stand? 🌐👇 Flat, text-heavy websites often fail to capture a...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Flat, text-heavy websites often fail to capture and retain user attention. In a competitive digital landscape, brands need a completely different approach to user experience—one that is tactile, spatial, and memorable.
Our new project, AetherOS, demonstrates how interactive 3D WebGL technology transforms a standard software landing page into a living, responsive workspace—retaining seamless performance across all viewports.
Built with:
React • Tailwind CSS • Framer Motion • Spline 3D API • WebGL (three.js)
💬 What's your take? As a developer, designer, or user:
Do you think immersive 3D is the future of the web, or do you still prefer the classic, flat 2D layouts? Let's discuss in the comments!
An experiment exploring how to visually communicate design impact through a draggable before/after slider. Built to test the interaction and motion feel of scrubbing between two states of a design, it uses a small format to show transformation at a glance 😊
The compact format is doing a lot of work—the draggable reveal makes the improvement immediately legible, while the consistent card rhythm keeps the comparison easy to scan.
The Heron chat widget is the product's main touchpoint. It floats over the architect's design software, answers questions about the model, and executes changes once approved.
Designing UI that lives inside another application changes the constraints. It has to hold legibility over dense linework, keep a small footprint, stay clearly branded without competing with the host software, and dismiss cleanly.
The product page demonstrates rather than describes. The widget is shown over a real floor plan, mid-conversation about an HVAC clearance issue, with the affected room highlighted in the drawing behind it. The surrounding layout is kept deliberately quiet so the widget holds the visual weight.