3D SensaLab Website (Figma, Spline 3d, Webflow Development)

Sensa Lab was a collaboration-driven website build where the goal was not just to launch a good-looking landing page, but to create a digital experience that matched the brand’s immersive positioning. The live site speaks in the language of emotion, technology, and premium execution, so the challenge was to preserve that high-concept creative direction while making the final build feel stable, performant, and intentional in production. 

I joined the project at the implementation stage after the final visual direction had been established by Brutal Brand. From there, my responsibility was to bring that design into a live environment with a strong balance of fidelity and performance. Rather than treating development as a handoff-only task, I approached it as translation work: preserving the mood, motion, and visual identity of the approved design while solving for responsiveness, real-world browser behavior, and maintainable structure. 

For the hero section, I built custom 3D assets in Spline and kept them lightweight for the web. That matters because Spline’s own optimization guidance emphasizes reducing polygon counts, using geometry and image compression, simplifying materials, and keeping lighting efficient to improve load time and runtime performance. In practice, that meant shaping a hero experience that still felt dimensional and premium without becoming a heavy visual asset that slowed the page down. 

On the motion side, I used Webflow’s GSAP-powered interaction stack for the core animation system, then extended the build with custom code embeds anywhere the built-in interaction layer was not enough. Webflow now supports GSAP natively and also allows custom code directly inside the design, which makes it a strong setup for combining designer-friendly motion with more bespoke front-end behaviors. 

For richer sections such as services and media-driven layouts, I leaned on modular code-based building blocks. Webflow supports reusable code components built from React-based workflows, and React Bits itself is positioned as an open-source collection of animated, interactive, customizable React components. That makes your “custom interactive section” angle credible and strong: you were not just assembling a static marketing page, but extending Webflow with more advanced component behavior to give the site a more distinctive, premium feel. 

Overall, this project is valuable in a portfolio because it shows a specific blend of skills that clients usually need to hire separately: collaboration with an external design partner, web-optimized 3D production, custom interaction work, and final implementation in a live website environment. It positions you not only as a designer or a Webflow developer, but as someone who can take an approved visual system and turn it into an immersive, technically polished digital experience. 

Design partner: Brutal Brand, described publicly around brand identity, art direction, and graphic design. 

Live website: Sensa Lab, whose public messaging centers on immersive experiences, emotional impact, and premium execution. 

Interactive component reference: React Bits, which presents itself as an open-source library of animated, interactive React components.