1 The challenge
ProManage needed a retirement planning tool that could handle extremely complex financial calculations while remaining accessible and easy to use. The platform had to guide users through a multi-step process with conditional questions based on previous answers, all while maintaining WCAG compliance and protecting sensitive financial data.
2 The solution
Built a sophisticated multi-step form using Vue.js with dynamic conditional logic that shows/hides questions based on user inputs. Implemented comprehensive validation at each step to catch errors early. Ensured full keyboard navigation and screen reader support for accessibility. Created a progress indicator that shows users where they are in the process. Integrated with Laravel backend for secure data handling and complex financial calculations. Added the ability to save progress and return later.
3 How it is built
Nuxt for SSR with Vue 3 Composition API. Laravel backend for secure financial calculations and data storage. Complex form logic with Vuelidate for validation. WCAG 2.1 AA compliant markup and interactions. Deployed with strict security headers and HTTPS enforcement.