Khaybar Academy Website Design Project

Khaybar Academy is a modern Islamic learning institution dedicated to teaching the Qur’an and essential digital skills. Built as a hub for growth and learning. Khaybar Academy provides a structured platform that helps students understand the Qur’an with clarity while gaining the practical skills needed to thrive in today’s world.

Khaybar is a growing startup expanding its reach and needed a website built with a clear purpose: to convert prospective students while clearly communicating brand authenticity, trust, and pride. The challenge was to design an experience that balanced conversion-focused structure with a strong, credible brand presence, ensuring the platform felt both welcoming to new learners and true to Khaybar’s values.

I worked as the Framer designer on this project, responsible for designing and building a 7-page website in Framer. This included the Home page, About Us, Courses index, individual course pages powered by CMS for five courses, Contact Us, Privacy Policy, and a custom 404 page. My focus was on creating a clear structure, smooth interactions, and a conversion-focused experience that stayed true to Khaybar’s brand.

Home Page: Designed a welcoming, conversion-focused layout highlighting Khaybar’s brand authenticity and key offerings.

About Us: Crafted a page that builds trust and tells the startup’s story clearly and engagingly.

Courses Index: Created an organized overview of all courses for easy navigation and selection.

Course Pages (5 via CMS): Built dynamic pages using CMS to display course details consistently and efficiently.

Contact Us: Designed a clean, user-friendly form and contact section to encourage inquiries.

Privacy Policy: Structured legal content to maintain clarity and accessibility without disrupting site flow.

404 Page: Developed a branded, helpful 404 page to guide users back to key pages seamlessly.

Interactions & Responsiveness: Implemented smooth transitions, responsive layouts, and consistent interactions across all pages.

Performance & Optimization: Ensured fast loading and polished user experience across devices.

Book 30 Minutes Delivery call to tell me about the project.