--- title: "Case Study: How New Perspective Design Engineered the Al Nurah Qur’an Academy Platform" description: "The Al Nurah Qur’an Academy platform is one of the most technically specialised systems we’ve engineered at New Perspective Design. Rather than relying on a pre-built LMS, we architected a custom scheduling and mentoring engine from the ground up — including timezone-normalised weekly class logic, automated Jitsi link generation, gender-based teacher matching, peer-to-peer connectivity, and dual dashboards for teachers and students. The result is a seamless global Qur’an learning network built entirely on custom PHP, ACF, and a lightweight WordPress core." url: https://www.newperspectivestudio.co.za/al-nurah-website-case-study/ date: Last updated Jun 14, 2026 modified: 2025-11-13 author: "New Perspective Design" image: https://www.newperspectivestudio.co.za/wp-content/uploads/2025/11/Al-NUrah-Website-Design.png categories: ["Case Studies"] type: post lang: en --- # Case Study: How New Perspective Design Engineered the Al Nurah Qur’an Academy Platform Website Design in Johannesburg, Pretoria, and East London: What Ten Years of Working Across All Three Markets Actually Taught Us ## ### A Global Learning System, Built in South Africa At **New Perspective Design**, we don’t just build websites — we architect ecosystems. When *Al Nurah Qur’an Academy* approached us, they had a bold vision: create a seamless, multilingual online space where Qur’an students and teachers around the world could connect, schedule, and conduct live video lessons — without friction, timezone confusion, or third-party clutter. This wasn’t a standard e-learning site. It required **real-time time-zone conversions**, **role-based dashboards**, **automated video-link generation**, and **secure booking logic** — all wrapped in a minimalist, emotionally resonant interface that reflects sacred study rather than software complexity. !(https://www.newperspectivestudio.co.za/wp-content/uploads/2025/11/Fontpage-Web-Design.png) User Experience & Interface Design Every design decision aligned with the principle of *calm clarity*. We avoided the crowded visual language typical of education platforms and focused on typography, rhythm, and balance. - **Palette:** deep black backgrounds for focus, accented with **royal purple** to symbolise reverence and wisdom. - **Imagery:** authentic Islamic photography — open Qur’ans, prayer beads, hands in reflection — grounded the digital in the spiritual. - **Layout:** built using a custom **Hello Elementor** child theme, optimised for mobile-first rendering and rapid load speeds. - **Accessibility:** clear colour contrast ratios, semantic headings, and ARIA-labeled buttons ensure WCAG 2.1 compliance. From the hero call-to-action *“Empowering the Ummah with Knowledge”* to the purple-white icon set, the UX communicates purpose without distraction — something we’ve refined through years of (https://www.newperspectivestudio.co.za/Marketing-Logo-and-brand-design-company-east-london.html) in education, health, and non-profit sectors. !(https://www.newperspectivestudio.co.za/wp-content/uploads/2025/11/Al-nurah-website-UX-interface.png) ## Custom Web Application Logic This is where **New Perspective Design’s development team** pushed WordPress beyond its conventional limits. ### 1. The Core Framework We created a **custom post type** called `available_slot`, enabling teachers to define recurring weekly classes. Each post is processed by advanced PHP hooks that: - Convert teacher-selected local times to UTC for global alignment. - Automatically generate unique, private **Jitsi Meet** links. - Store timestamps for weekly repetition and calendar previews. This makes every class persistent, traceable, and timezone-agnostic — a key innovation for an international audience. ### 2. Dual-Role System with Dynamic Dashboards Using **User Registration Pro** and our own helper functions, the platform distinguishes between *teachers* and *students* at login. Each user sees a custom dashboard: - **Teachers** can create, edit, or delete weekly classes, see enrolled students, and reopen slots with one click. - **Students** can browse lessons filtered by day, hour, gender, and chapter — all converted to their **local timezone**. We used **ACF Pro front-end forms** to manage this, embedding shortcode-based logic that updates dynamically without exposing WordPress admin access. ### 3. Intelligent Time-Zone Engine One of the trickiest technical challenges was ensuring that every schedule works globally while maintaining **South African Standard Time** as the canonical base. Our engineers wrote a conversion routine leveraging PHP’s `DateTimeZone` class. Each user’s timezone is parsed, validated, and converted both to and from SAST, ensuring bookings are synchronised no matter where the teacher or student resides. This feature alone demonstrates **engineering depth** uncommon in traditional (https://www.newperspectivestudio.co.za/WordPress-Developers-Web-Designers/). ### 4. Automated Email & Verification System Every registration and booking triggers two automated emails: - Confirmation to the student with their **converted local time** and lesson link. - Notification to the teacher with the corresponding **SAST time** for administrative accuracy. These custom triggers use `wp_mail()` alongside conditional verification rules to maintain both user trust and system integrity. !(https://www.newperspectivestudio.co.za/wp-content/uploads/2025/11/Resource-Hub.png) ## Building Global Connectivity With Security Given that Al Nurah operates internationally, data handling and access control were critical. We implemented: - Role-based capabilities with restricted admin visibility. - Auto-hiding of the WordPress toolbar for non-admin users. - Email verification and form validation to prevent fake sign-ups. - Conditional booking logic to prevent duplicate slot assignments. By combining **security best practices** from our commercial systems with the academy’s community ethos, we achieved a platform that’s both robust and compassionate. !(https://www.newperspectivestudio.co.za/wp-content/uploads/2025/11/User-dashboard-CUstom.jpg) ## Peer-to-Peer Collaboration Engine To foster revision and memorisation, students can search for **peer partners** who share their gender and similar timezone. The algorithm sorts available users by offset difference — a small but powerful touch that encourages organic study relationships without invasive matching systems. This feature exemplifies our philosophy: **build tools that feel human first, technical second.** --- ## Technologies We Integrated | Component | Technology / Method | | --- | --- | | Core CMS | WordPress (Hello Theme Framework) | | Custom Functionality | PHP 8, ACF Pro, User Registration Pro | | Video Conferencing | Jitsi Meet API | | Timezone Logic | PHP `DateTime` and `DateTimeZone` Classes | | Email Automation | `wp_mail()` + dynamic triggers | | UI Layer | Elementor Pro + Custom CSS Modules | | Hosting | Optimised LAMP Stack on cPanel Environment | | Security | Role Filtering + CAPTCHA Validation | --- ## SEO, Performance, and E-E-A-T Integration Even though Al Nurah focuses on learning rather than marketing, our standard build process includes [**SEO architecture**](https://www.newperspectivestudio.co.za/wp/search-engine-optimisation/) from day one: - Schema markup for courses and events - Lazy-loaded media for faster performance - 99/100 Lighthouse accessibility score - Structured meta for global reach We also applied **New Perspective Design’s internal E-E-A-T framework**: - *Experience:* real functional testing with live mentors and learners. - *Expertise:* custom algorithm development and API integration. - *Authority:* transparent case study documentation (this post). - *Trust:* consistent UX, security validation, and verified profiles. --- ## What Makes This Build Distinct Most e-learning systems rely on plugins or SaaS services that separate teachers and students through multiple logins. We engineered a unified experience — **one system, two perspectives**, synchronised across every time zone. That’s the essence of *New Perspective Design’s* (https://www.newperspectivestudio.co.za/web-design-in-east-london.html) — **human-centred software built with measurable logic and emotional intelligence.** --- ## The Result - Fully automated Qur’an study platform spanning continents - Dozens of live mentors already teaching weekly - Seamless time-conversion and video integration - Global accessibility, zero recurring SaaS cost - User-verified trust through automated communication loops The project reaffirms why *New Perspective Design* continues to rank among South Africa’s top website developers  — we don’t sell templates; we engineer solutions. !(https://www.newperspectivestudio.co.za/wp-content/uploads/2022/05/New-Perspective-Design-Author-Icon.jpg) #### Written By: - (https://web.facebook.com/NewPerspectiveDesign) - (https://twitter.com/NewPers58721759) - (https://www.linkedin.com/company/new-perspective-studio) - (https://www.youtube.com/channel/UCG4_s0T1RQc118uX7i6zA0Q) - (https://www.instagram.com/new_perspective_design/) - (https://za.pinterest.com/newperspectivedesign) [!(https://www.newperspectivestudio.co.za/wp-content/uploads/2026/05/ehad-website-redesign-full-by-new-perpsecitve-design-400x250.jpg)](https://www.newperspectivestudio.co.za/ehad-fuel-equipment-case-study/) ## (https://www.newperspectivestudio.co.za/ehad-fuel-equipment-case-study/) How New Perspective Studio rebuilt EHAD Fuel Equipment as a headless WordPress and Next.js ecommerce site with custom shipping, wholesale logins, and built-in … (https://www.newperspectivestudio.co.za/ehad-fuel-equipment-case-study/) [!(https://www.newperspectivestudio.co.za/wp-content/uploads/2026/02/Young-Boy-Bev-Website-design-by-New-Perspective-Design-400x250.jpg)](https://www.newperspectivestudio.co.za/case-study-tre-young-boys-beverages-wordpress-web-design-johannesburg/) ## (https://www.newperspectivestudio.co.za/case-study-tre-young-boys-beverages-wordpress-web-design-johannesburg/) A deep-dive case study on how New Perspective Design engineered a scalable multi-brand WordPress website for Young Boys Beverages in Johannesburg — balancing heavy graphic design, multiple font systems, technical SEO, UX, and performance-first … (https://www.newperspectivestudio.co.za/case-study-tre-young-boys-beverages-wordpress-web-design-johannesburg/) [!(https://www.newperspectivestudio.co.za/wp-content/uploads/2026/01/website-development-for-Jacass-in-Johannesburg-400x250.jpg)](https://www.newperspectivestudio.co.za/jacass-member-only-ticketing-system-johannesburg/) ## (https://www.newperspectivestudio.co.za/jacass-member-only-ticketing-system-johannesburg/) How New Perspective Design engineered a secure member-only ticketing system for JACASS in Johannesburg with domain restrictions, Paystack integration, encrypted verification and QR PDF … (https://www.newperspectivestudio.co.za/jacass-member-only-ticketing-system-johannesburg/) [!(https://www.newperspectivestudio.co.za/wp-content/uploads/2026/01/Tre-For-Africa-website-case-study-400x250.jpg)](https://www.newperspectivestudio.co.za/case-study-tre-for-africa-wordpress-membership-platform/) ## (https://www.newperspectivestudio.co.za/case-study-tre-for-africa-wordpress-membership-platform/) A deep-dive into how we built a custom WordPress membership, search, and events platform for TRE for Africa using server-side architecture and … (https://www.newperspectivestudio.co.za/case-study-tre-for-africa-wordpress-membership-platform/) [!(https://www.newperspectivestudio.co.za/wp-content/uploads/2026/01/Wysnuese-website-redesign-400x250.jpg)](https://www.newperspectivestudio.co.za/wysnuesie-kleuterskool-franchise-website-design-seo/) ## (https://www.newperspectivestudio.co.za/wysnuesie-kleuterskool-franchise-website-design-seo/) WordPress website and SEO case study for Wysnuesie Kleuterskool, a preschool franchise in Pretoria and Johannesburg, showing measurable organic traffic … (https://www.newperspectivestudio.co.za/wysnuesie-kleuterskool-franchise-website-design-seo/) [!(https://www.newperspectivestudio.co.za/wp-content/uploads/2025/12/Johannesburg-dr-hr-schneider-website-redesign-400x250.jpg)](https://www.newperspectivestudio.co.za/case-study-dr-hr-schneider-website-redesign/) ## (https://www.newperspectivestudio.co.za/case-study-dr-hr-schneider-website-redesign/) See how New Perspective Design rebuilt Dr HR Schneider’s website from Wix to WordPress, improving site structure, usability, and SEO — resulting in a 300% increase in organic traffic and major ranking gains in … (https://www.newperspectivestudio.co.za/case-study-dr-hr-schneider-website-redesign/) [!(https://www.newperspectivestudio.co.za/wp-content/uploads/2025/11/Buzz-move-website-deisgn-and-marketing-400x250.jpg)](https://www.newperspectivestudio.co.za/buzzmove-website-marketing-case-study/) ## (https://www.newperspectivestudio.co.za/buzzmove-website-marketing-case-study/) Discover how New Perspective Design re-engineered Buzz Movers’ Google Ads, landing pages and Zoho CRM integration to drive over 1,600 monthly … (https://www.newperspectivestudio.co.za/buzzmove-website-marketing-case-study/) [!(https://www.newperspectivestudio.co.za/wp-content/uploads/2025/11/Al-NUrah-Website-Design-400x250.png)](https://www.newperspectivestudio.co.za/al-nurah-website-case-study/) ## (https://www.newperspectivestudio.co.za/al-nurah-website-case-study/) The Al Nurah Qur’an Academy platform is one of the most technically specialised systems we’ve engineered at New Perspective Design. Rather than relying on a pre-built LMS, we architected a custom scheduling and mentoring engine from the ground up — including timezone-normalised weekly class logic, … (https://www.newperspectivestudio.co.za/al-nurah-website-case-study/) [!(https://www.newperspectivestudio.co.za/wp-content/uploads/2025/10/baroka-website-design-2345-400x250.jpg)](https://www.newperspectivestudio.co.za/baroka-funerals-website-case-study/) ## (https://www.newperspectivestudio.co.za/baroka-funerals-website-case-study/) When Baroka Funerals, a trusted national funeral brand based in Johannesburg, approached New Perspective Design, their goal was clear — to create a website that matched the strength of their brand and simplified how South Africans engage with their services online. See how we made their conversions rose by … (https://www.newperspectivestudio.co.za/baroka-funerals-website-case-study/) [!(https://www.newperspectivestudio.co.za/wp-content/uploads/2025/09/Powerplay-website-case-study-400x250.png)](https://www.newperspectivestudio.co.za/elevating-a-global-yacht-brand-with-design-and-seo/) ## (https://www.newperspectivestudio.co.za/elevating-a-global-yacht-brand-with-design-and-seo/) Yet despite their world-class product, their digital presence wasn’t doing them justice. Their website felt dated, their online visibility lagged behind competitors, and potential customers searching for them often had to dig through irrelevant results before finding … (https://www.newperspectivestudio.co.za/elevating-a-global-yacht-brand-with-design-and-seo/) [« Older Entries](https://www.newperspectivestudio.co.za/al-nurah-website-case-study.md/page/2/?et_blog)