Vatsalya IVF
Architected a high-performance patient portal using Next.js and Tailwind CSS, ensuring optimal SEO and load times. Engineered complex state management workflows with Redux and crafted fluid micro-interactions using Framer Motion to drive user engagement.
Project Overview & Objectives
Vatsalya IVF is a fertility clinic patient portal that requires strict data confidentiality, fast appointment scheduling, and a calming user experience. The goal was to build a platform that instills trust while handling sensitive medical workflows.
Architected with Next.js SSR for SEO on medical service pages and Redux for complex multi-step booking flows. Every interaction was designed to feel smooth and reassuring for patients navigating fertility treatments.
Tech Stack Used
Next.js
Server-side rendering for SEO on medical service pages
Redux Toolkit
Complex state management for multi-step appointment flow
Framer Motion
Smooth micro-interactions for a calming patient experience
Tailwind CSS
Rapid, responsive UI with consistent brand styling
Challenges & Technical Solutions
Multi-step booking wizard with partial state persistence across page refreshes
Built a Redux slice per step with session storage hydration to prevent data loss on refresh
Medical SEO compliance for fertility treatment keywords in a competitive local market
Next.js SSR with structured FAQ schema targeting 30+ long-tail fertility keywords
Key Metrics & Results
94
Lighthouse Performance
50% faster using SSR
Page Load Improvement
15+ long-tail terms
Keywords on Page 1
Tags: Custom Patient Portal DevelopmentIVF Clinic Website Next.jsMedical Web Application NepalFertility Clinic SEO