Arabic Language Institute

Learning platform specializing in the study of reference epistles in Arabic linguistic sciences. This project combines WordPress FSE and custom developments to offer a unique educational experience.

screens

Overview

Homepage Laptop

Homepage Tab

Homepage Phone

Archive of Epistles

Epistle page

Fawaids page

specifications

1

specifications

Specifications

Project Objective

Develop an online learning platform specializing in the study of the Arabic language through reference epistles. The goal is to offer an immersive, accessible, and structured educational experience, combining the richness of traditional teaching with the flexibility of modern digital tools.

Project Challenges

  • Modernize access to Arabic language sciences by offering an intuitive, structured platform adapted to the needs of French-speaking learners.
  • Centralize all educational resources: epistles, fawā’id, videos, glossaries, FAQs.
  • To offer a clear and coherent progression across the different linguistic disciplines.
  • To ensure a smooth and motivating experience for students accustomed to modern tools.
  • Ensuring the reliability of content through rigorous structuring and highlighting authentic teachings.

Pedagogical Structure and User Experience

  • Educational approach structured around the fundamental sciences of the Arabic language: Nahw (grammar), ṣarf (morphology), balāgha (rhetoric), imlā’ (orthography), and advanced vocabulary.
  • Content organized by science and level, to allow clear and personalized educational progression.
  • Authenticity of teachings preserved thanks to content from live sessions.
  • Thematic and hierarchical catalog of epistles to guide learning.
  • Additional resources expected to enrich the study: teaching points, glossaries, FAQs.
  • Responsive interface designed for mobile learning (desktop, tablet, mobile).

Content Organization

  • Epistles are hierarchically organized by science, level, and theme.
  • Resources are categorized into videos, teaching points, fawā’id (recommendations), FAQs, and glossaries.
  • Internal structure of the epistles includes chapters, sessions, annotations, and visual aids.
  • Dynamic content filtering allows for quick and intuitive searching.
  • A modular organization is designed to accommodate future epistles or new sciences.

Structure and Design

  • A clean and academic design inspired by traditional manuscripts, while remaining modern and readable.
  • A simple and immersive interface promotes focus on texts and videos.
  • Arabic and French typography are highlighted to facilitate bilingual comprehension.
  • Navigation between sciences, epistles, and supplementary resources is seamless.
  • Responsive design is optimized for students working on mobile devices and tablets.

Vision and Architecture

  • Create an immersive educational platform combining academic tradition and modern technologies.
  • Structure each science (nahw, ṣarf, balāgha, etc.) progressively to facilitate independent learning.
  • Highlight key texts within a clear and hierarchical interface.
  • Evaluate methodical study: reading, translation, explanation, and pedagogical diagrams.
  • Optimize the technical architecture for performance, speed of access, and future scalability.

Access and Business Model

  • Access to the epistles via a single lifetime payment, with no recurring subscriptions.
  • Once registered, users should be able to:
    • Unlimited access to the videos of a purchased epistle.
    • Consult related additional resources.
    • Easily manage their content via a personal space.

Expected Features

  • Intuitive navigation allowing you to filter epistles by science and level.
  • Smooth video playback, with a playlist-like interface for each epistle.
  • Clear organization of resources: Fawaid, FAQs, epistles categorized.
  • Continuous user experience (no page reloads, responsive, fast).
  • Compliance with accessibility standards (keyboard navigation, responsive design).
  • Multi-channel interface: desktop, mobile, tablet.

Technical Requirements and Administration

  • Centralized management of epistles via a dedicated CPT, with organized chapters.
  • Management of fawā’id via a flexible system (CPT + shortcode + filters).
  • Dynamic FAQ built with ACF, allowing for easy maintenance.
  • Custom video player based on a playlist-like system, optimized for educational series.
  • SEO optimization to attract learners seeking structured resources.
  • Secure access system ensuring that only purchased epistles are visible.
  • Technical scalability to accommodate new sciences or new educational formats.

2

methodology

Overview of developments

Technologies and Environment

WordPress Backend & Architecture

  • WordPress FSE (Full Site Editing) with default theme for a modern and native approach
  • Custom Post Types and custom taxonomies for structured content organization
  • Vimeo integration for professional and optimized video hosting
  • Premium payment system and user access management
  • Advanced Custom Fields (ACF) for flexible metadata management

Custom Mu-Plugins & Performance

  • Development of 4 custom mu-plugins for specialized features
  • Modular and reusable architecture with custom shortcodes
  • AJAX optimization for filters and pagination without reloading
  • Optimized WordPress queries and smart caching

Developed Features

Epitre Video Playlist (Mu-Plugin)

  • Playlist interface replicating the YouTube experience (2/3 main video, 1/3 list)
  • ACF integration with repeater fields for managing Vimeo videos
  • Dynamic navigation between videos with thumbnails and metadata
  • Development of a shortcode for flexible integration into content

CPT Grid with Advanced Filtering (Mu-Plugin)

  • Responsive grid system with real-time AJAX filtering
  • Multiple taxonomy filtering (sciences, levels) with dynamic counters
  • AJAX pagination without reloading for seamless navigation
  • Configurable shortcodes

Fawaid Management System (Mu-Plugin)

  • Accordion display for quick viewing of beneficial points
  • Categorized card system with counters
  • Specialized shortcodes:
    – Simple accordion
    – Categorized cards

ACF Dynamic FAQ (Mu-Plugin)

  • Flexible FAQ system based on custom ACF groups
  • Automatic rendering in accessible format (accordion/collapsible)
  • Shortcodes by theme for modular integration

Technical & UX Optimization

Performance & Accessibility

  • WordPress query optimization with intelligent caching
  • Mobile-first responsive interface tested on all breakpoints
  • Keyboard navigation and accessibility standards met
  • Delayed loading of video and image content for optimal performance

Educational User Experience

  • Intuitive interface reproducing the familiar codes of video platforms
  • Premium access managed seamlessly with intelligent redirects
  • Clear educational organization by science and difficulty levels
design development project
solutions

3

technical

Technical details

CMS:

WordPress

Technologies:

Results :

  • Educational platform combining WordPress FSE and custom development
  • Immersive and structured user experience for studying the epistles
    Lifetime premium access for each epistle, with secure management
    Advanced content classification by sciences (nahw, ṣarf, balāgha, imlā’) and levels
    Technical challenges met
    Premium content architecture with access control per epistle
    Development of 4 specialized mu-plugins: video playlist, AJAX filterable grid, Fawaid system, dynamic FAQ
    Vimeo integration for hosting live video sessions
    Maintaining the authenticity of traditional teachings while offering a modern and digital interface
  • Lifetime premium access for each epistle, with secure management
  • Advanced content classification by sciences (nahw, ṣarf, balāgha, imlā’) and levels

Technical challenges met

  • Premium content architecture with access control per epistle
  • Development of 4 specialized mu-plugins: video playlist, AJAX filterable grid, Fawaid system, dynamic FAQ
  • Vimeo integration for hosting live video sessions
  • Maintaining the authenticity of traditional teachings while offering a modern and digital interface

let’s work together

Ready to launch your web project?

Whether you need a new website, a redesign, or a specific feature, I am here to help you realize your digital project.