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: Catercom

Case Study: Catercom

Catercom Catering, a leading catering company in Johannesburg, partnered with New Perspective Design to revamp their online presence. This initiative aimed to modernize their website, optimize content, and implement an effective SEO strategy. As a result, Catercom became one of the top-ranking catering ...

read more
Case Study: Chemex

Case Study: Chemex

Chemex approached about 3 years ago and was looking to finally get online with their products. We understood that due to the nature of their business prices were everchanging so it was hard to allow an online store. At the same time, they needed an online presence to move their brand forward into the new ...

read more
Case Study: Sonwa Sakuba

Case Study: Sonwa Sakuba

New Perspective Design had the privilege of working with a startup company called Sonwa Sakuba Institute for the Arts. The company had no branding or online presence when they approached us for our services. We were excited to help them establish their brand identity and create a website that would showcase ...

read more
Case Study: Ehad Fuel

Case Study: Ehad Fuel

Ehad is a leading provider of innovative fuel equipment solutions in South Africa. Despite their success in the industry, they recognized the need to revamp their website and digital marketing strategy to reflect their unique brand value better and reach a wider ...

read more
Case Study: Hampson Projects

Case Study: Hampson Projects

Hampson Projects is a construction project management company that provides high-quality services to clients across various industries. They approached New Perspective Design to help them improve their online presence through website design and development, social media marketing, and ...

read more
Google Reviews