Calcutron
High-visual Webflow landing page for an AI platform, combining motion, product storytelling, and interactive 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
Calcutron needed a landing page that could explain a complex AI product without overwhelming the user. I designed and built a high-visual Webflow experience with strong motion design, clear messaging, and interactive pricing logic to make the offer easier to understand.
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
The project gave Calcutron a clearer product story and a stronger visual front-end for explaining a complex offer. Advanced pricing logic was handled carefully around the live product scope rather than oversold as a fully public feature.
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
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.