Calcutron
Bridging complex functionality and a frictionless user experience for a pioneering AI platform. Calcutron wanted to showcase its AI-powered SaaS solution with an engaging, high-tech feel. I designed and built a Webflow landing page featuring 3D Spline graphics, GSAP-powered animations and a dynamic pricing engine that guides users through plan options. The page delivers both visual impact and intuitive pricing logic.
02 // The Challenge
Simplifying a multi-tier SaaS model into an intuitive calculator.
Balancing Spline 3D assets and GSAP without sacrificing load speed.
The AI features were difficult to visualize without a guided interactive flow.
The client needed total control over calculator variables via the CMS.
04 // The Process
The project combined brand-level design work with advanced implementation. It required both visual storytelling and technical delivery.
Aligned on core business goals and target audience needs.
Designed a scalable structure for future growth.
The AI features were difficult to visualize without a guided interactive flow.
Developed a custom, CMS-driven website.
Building a performant, responsive website with clean code.
05 // The Impact
On launch, Calcutron saw increased user engagement and improved pricing interactions. Metrics included a 7% uplift in pricing interactions and a 2% reduction in exit rate.
Feedback highlighted the site’s immersive feel and clarity of information.
A custom CMS calculator demystifies complex SaaS tiers.
High-fidelity models render seamlessly across devices.
Scroll-triggered animations guide users intuitively.
Pricing algorithms can be safely updated by marketing.
Spline.design renders the product in real-time 3D without performance penalty via lazy loading.
Spline.design renders the product in real-time 3D without performance penalty via lazy loading.
Scroll-triggered reveals guide users through the feature hierarchy — scroll depth rose to 80%.
Pricing tiers are now a CMS field — zero developer involvement needed to update live prices.
85% of users received an accurate instant quote via the AI calculator.
Interactive tools kept users engaged and reduced exit rate by ~20%.
80% of inquiries began with a self-served quote before contacting sales.
Users spent an average of 5+ minutes exploring the platform and calculator.
06 // Technology
The stack stayed practical: the right tools to make the site editable, measurable and scalable without unnecessary complexity.
Platform
Design
Development
Webflow
Animation
3D Design
Component
Optimized images, restrained scripts and semantic structure keep the experience fast and resilient.
Semantic HTML, readable contrast, alt text and clean page structure make the site easier to index and easier to use.
07 // Next Steps
Let’s talk through your current bottlenecks and the fastest path to a sharper Webflow experience. Available now, remote-friendly, and focused on outcome-driven builds.