Valu-X
A multi-page redesign incorporating 3D animations and a custom savings calculator. Valu-X needed a comprehensive overhaul to present its subscription-based services to enterprise clients. I delivered an end-to-end redesign with a new brand identity, responsive page templates, AI-generated visuals and interactive elements. The highlight is a custom savings calculator built in Webflow with JavaScript, allowing prospects to calculate ROI for each subscription plan.
02 // The Challenge
Navigating a dense corporate site structure overwhelmed visitors.
The brand felt too traditional to compete with modern agencies.
UI elements varied wildly across different pages.
Different user personas couldn't find their tailored content.
04 // The Process
The work focused on visual modernization and structural cleanup across the broader site.
Aligned on core business goals and target audience needs.
Designed a scalable structure for future growth.
UI elements varied wildly across different pages.
Developed a custom, CMS-driven website.
Building a performant, responsive website with clean code.
05 // The Impact
A massive architecture was organized into logical paths.
Visual identity feels premium and forward-thinking.
Consistent UI components ensure long-term scalability.
Investors and clients easily find exactly what they need.
Custom component library with HSL color tokens and Inter typography elevated the brand to premium.
Custom component library with HSL color tokens and Inter typography elevated the brand to premium.
All UI built from reusable Webflow symbols — every future page inherits consistent styling automatically.
Dedicated nav paths for each audience segment improved goal completion by 15%.
Interactive ROI calculator built with custom JavaScript and CMS-editable logic.
Spline-powered 3D motion adds premium depth to the platform presentation.
All subscription tiers and ROI formulas are editable via Webflow CMS.
GSAP animations and JavaScript power the interactive subscription demo.
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
AI
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.