Back to Case Studies
InsurTech / FinTech
MyBenefits Guru
AI-powered employee benefits comparison platform
ReactTypeScriptZodReact Hook FormShadcn/UI
MyBenefits Guru
Live
23:41:19→Initializing InsurTech / FinTech system...
System Implementation
01
6
Pages
02
48+
UI Components
03
12+
Custom Components
04
~2K
Lines of Code
The Challenge
Create document upload and analysis capability for insurance plan PDFs with personalized recommendations.
- Employees struggle to compare complex benefits packages
- PDF documents contain critical data locked in unstructured formats
- No personalized guidance based on individual circumstances
- Decision fatigue during open enrollment periods
Why Off-the-Shelf Wouldn't Work
Generic comparison tools can't parse employer-specific plan documents or provide AI-driven personalized recommendations.
What We Built
01
Multi-Step Onboarding Wizard
Guided flow collecting user preferences and circumstances
02
Document Upload & Analysis
PDF parsing to extract plan details and coverage information
03
Plan Comparison Engine
Side-by-side analysis of benefits, costs, and coverage gaps
04
AI Recommendation Dashboard
Personalized plan suggestions based on user profile
05
Interactive How It Works
Educational walkthrough of the comparison process
06
Custom Brand Design System
Navy/teal palette with Playfair Display typography
Technical Implementation
Architecture Overview
Insurance benefits platform with Zod validation, Playfair Display + Inter typography, navy/teal color palette.
technical-highlights.md
Key Implementation Details
- →Zod schemas for type-safe form validation
- →React Hook Form for complex multi-step flows
- →Custom Shadcn/UI component variants
- →Responsive design with mobile-first approach
What This Demonstrates
Full-Stack DevelopmentAPI IntegrationDatabase DesignReal-Time SystemsUI/UX ImplementationPerformance OptimizationReactTypeScriptZod