Policy Advisor is a comprehensive insurance domain platform that I led from conception to deployment. As the Senior Frontend Architect, I architected the entire Vue.js-based application ecosystem, including admin panels, broker portals, and customer-facing interfaces. The platform handles complex insurance workflows, real-time data synchronization, and multi-tenant broker theming.
2021 - Present
Policy Advisor needed a comprehensive insurance platform to serve multiple broker channels, but lacked a scalable frontend architecture and faced performance issues with page load times ranging from 5-8 seconds.
As Senior Frontend Architect, I was tasked with leading a team of 5+ developers to build the entire Vue.js application ecosystem from scratch, including admin panels, broker portals, and customer-facing interfaces, while ensuring optimal performance and scalability.
I architected a scalable component library with 100+ reusable components, implemented advanced performance optimizations (code splitting, lazy loading, image optimization), integrated GraphQL APIs using Strapi headless CMS, built comprehensive admin panels with Vue.js/Vuex/Vuetify, developed a multi-tenant themed broker flow system with dynamic styling engine, and implemented SEO strategies focusing on Core Web Vitals optimization.
Achieved 30-90% improvement in page load times across all modules, reached 95+ PageSpeed scores with optimized Core Web Vitals (LCP, FID, CLS), reduced bounce rate by 40%, decreased API response time by 60% through GraphQL optimization, and improved developer productivity by 50% with the reusable component library.
The platform required handling complex insurance workflows with 50+ field forms, real-time data synchronization across 20+ broker channels, and ensuring WCAG 2.1 AA accessibility compliance for financial services regulations.
Design and implement a system that manages complex form validation, real-time WebSocket synchronization, accessibility compliance, and multi-tenant theming without impacting performance or user experience.
Created optimized form validation layers with Vuex state management, implemented WebSocket connections for real-time data synchronization, conducted accessibility audits and fixes to meet WCAG 2.1 AA standards, built a flexible theming engine supporting dynamic brand customization, and utilized SCSS preprocessing with ESLint validation for code quality.
Handled 50+ field forms with 0 validation state errors; real-time sync across 20+ broker channels with <200ms propagation; 100% WCAG 2.1 AA compliance; delivered 15+ major modules on schedule; multi-tenant system supporting 20+ broker customizations without code duplication.