Case Study: How New Perspective Design Engineered the Al Nurah Qur’an Academy Platform
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.
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 design work in education, health, and non-profit sectors.
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 WordPress builds.
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.
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.
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 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 web-development philosophy — 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.
Written By: New Perspective Design
Case Study: Baroka Funerals — Website Redesign Cse 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 ...
Case Study: Powerplay Catamarans — Elevating a Global Yacht Brand with Web 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 ...
Case Study: Star Tents South Africa – From Local Seller to Recognized Brand
We didn’t just redesign a website — we reengineered perception. In six months, Star Tents went from a modest South African tent supplier to a brand outranking national competitors. With a strategic blend of UX, technical SEO, and content-driven trust signals, New Perspective Design helped turn Google’s ...
Case Study: Lathi Tha Eyecare — From Outdated to Outstanding
See how New Perspective Design helped Lathi Tha Eyecare grow traffic 124% with a fast, mobile-friendly, SEO-optimized website built in South ...
How New Perspective Design Transformed SASAE’s Website and Membership System
SASAE’s transformation proves that the right digital infrastructure can elevate an entire organization. If you're stuck with an outdated system or scattered processes, it’s time to build a solution that fits you—not the other way ...
Case Study: ZwavelStream Clinic – A Holistic Digital Transformation for a Mental Health Leader
We partnered with TaxOn, a Pretoria-based accounting firm, to create a bold new brand and a high-performing website. From zero online presence to measurable traffic growth, this project showcases how good design and SEO fundamentals deliver real-world ...
Case Study: TaxOn Accounting
We partnered with TaxOn, a Pretoria-based accounting firm, to create a bold new brand and a high-performing website. From zero online presence to measurable traffic growth, this project showcases how good design and SEO fundamentals deliver real-world ...
Case Study: Revamping a Adwords Campaign
A client in the automotive industry ran a Google Ads campaign for “Vehicle Batteries” between October 1, 2024, and January 6, 2025. Although the campaign generated a moderate number of conversions, the client wanted to increase ROI, reduce cost per conversion, and attract more qualified ...
Case Study: Transforming The Original Novelty Sweets’ Online Presence
Client Overview: The Original Novelty Sweets, a Cape Town-based confectionery wholesaler with an incredible history, is a trusted name for nostalgic treats loved by generations. However, their website's poor performance was holding them back from leveraging digital marketing to grow their brand. They turned to ...
Case Study: Revamping Spirit Amenities’ Website for Success
Spirit Amenities, a leading supplier of hospitality guest cosmetics in South Africa, approached us to revamp their website. While their old website ranked well on search engines, it struggled to convert visitors into customers. They needed a modern, user-friendly platform to boost sales and enhance their ...









