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.

Fontpage-Web-Design.png<br />

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.

Fontpage-Web-Design.png<br />

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.

Google Search Console performance comparison graph

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.

User dashboard CUstom

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 philosophyhuman-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.

New Perspective Design Author Icon

Written By: New Perspective Design

New Perspective Design is a leading graphic and web design agency based in East London South Africa. We also specialize in the fields of search engine optimization and online marketing with over 6 years of experience in the industry. Our agency has a passion for growing business online and thrives on mutually beneficial relationships with our clients.
Case Study: Baroka Funerals — Website Redesign Cse Study

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 ...

read more
Case Study: TaxOn Accounting

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 ...

read more
Case Study: Revamping a Adwords Campaign

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 ...

read more
Case Study: Revamping Spirit Amenities’ Website for Success

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 ...

read more
Google Reviews