Spline 3D Concept
3D Design
Entering the Contra & Spline Hackathon, I set out to explore how advanced creative tools can be made more accessible. I recreated Bocci’s 28t series table lamp from scratch in Spline 3D and brought it to life interactively within a Framer website—where users can position and rotate the lamp directly in the 3D space. The entire experience is fully responsive, showing how high-end visual effects and interactivity don’t have to come with steep learning curves or expensive tools.
Client:
Contra & Spline Hackathon
Role:
UX Designer, 3D Designer, Web Design/Development
Year:
2025
Challenge
Small studios and solo creators struggled to build interactive 3D experiences without costly tools or dev-heavy setups. Rebuilding the Bocci 28t lamp in Spline and integrating it into a fully responsive Framer site highlighted the challenge of combining visual fidelity with real-time, cross-device performance.
Objective
Key objectives included showcasing seamless 3D interaction, combining design and development in one fluid workflow, and maintaining high visual quality without sacrificing performance. The project also pushed the limits of Spline-to-Framer integration, all while ensuring cross-device compatibility and fast load times.
Results
The result is a fully interactive, responsive web experience where users can explore and position the Bocci 28t lamp in real-time 3D—directly in their browser. The integration of Spline and Framer proved that high-end visual design and motion can be achieved without code or heavy software. Load times remained fast across devices, interaction was intuitive, and the site maintained visual fidelity on all breakpoints—showcasing the potential of no-code tools for immersive digital storytelling.
