Vue.js Multi-Step Subscription Signup Flow
- Problem
- Client needed a guided, multi-step subscription experience that fit into an existing e-commerce setup while preserving the current storefront implementation.
- Outcome
- Shipped a production-ready Vue signup flow with progress persistence, reliable option-to-variant mapping, and checkout URL generation, then iterated quickly on UX and copy updates to match revised requirements.
- Timeline
- ~1 week
- Role
- Frontend, solo
Details
A Vue 3 (Composition API) front-end for a 'Build My Box' subscription flow built for an e-commerce retailer, delivered without changing the existing store or theme. Includes multi-step navigation, selection state management, URL hash syncing to preserve progress, variant and pricing mapping, and cart URL generation for checkout. Styled to match the existing CSS system, with follow-up refinements to progress behavior, scroll/animation, and pricing copy after updated specs.
Technologies
Vue.jsComposition APIJavaScriptSingle Page ApplicationFront-End DevelopmentCustom E-commerce Store