Innovative 3D Booking System Design Using Spline & ContraInnovative 3D Booking System Design Using Spline & Contra
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
For the #SplineXContra challenge, I reimagined the booking flow by transforming spatial architecture into the navigation system. My goal was to move away from static grids and treat 3D geometry as the interface itself. @Spline @Contra
Design & Logic Native Workflow: The entire scene was built 100% within Spline. This ensures optimized geometry for the web without external assets.
State Management: I used Spline’s state machine for micro-interactions. Hovering illuminates specific units, while Mouse Down triggers a camera transition that expands the 3D container into a detailed 2D info card.
Merging story and UI to make the environment the experience. Preview link👇 https://app.spline.design/ui/c6a784fb-672c-4103-9979-f63502cd39b5
#designwithsplinehana
Juan's avatar
This is a strong concept.
Treating spatial architecture as the navigation system instead of relying on grids feels bold and intentional. The camera transition from 3D container to 2D info card is especially smart, it keeps immersion while still delivering clarity.
Really nice balance between experimentation and usability.
Back to feed
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