A Different Kind of School — Built for the Web
Khudi Institute is an alternative school and resource center for homeschoolers, focused on holistic development rooted in Islamic values. I built their public website in Next.js to present the brand, offerings, and admissions journey with clarity and warmth.
View Live Project
Project Screens
Click any screen to view fullscreen and navigate between images
Project Overview
The site introduces Khudi as “a different kind of school” — project-based learning, an Islam-centered approach, and community engagement — with clear paths for regular students and homeschoolers. Key sections cover holistic development pillars (spiritual, intellectual, physical, and aesthetic), values, vision and mission, team, CEO message, research partnership with Elements Learning, and upcoming community events.
Designed as a polished, content-rich marketing experience: floating navigation, soft-UI cards, admissions CTAs, offering pages (including tailored homeschooler access), and about/team storytelling that reflects the institute’s scholarly tone.
Delivered as a production Next.js client website with responsive layouts, structured page sections, and a clean visual system aligned to Khudi’s brand (serif headings, teal/olive palette, and high-quality photography).
Key Highlights
Core features and technical capabilities delivered
Khudi Institute now has a clear digital home — helping families understand the school, explore offerings, and take the next step toward enrollment.