Association Algérienne pour la Qualité (AAQ)
Un site trilingue : carte des 69 wilayas, roue des journées et adhésion en aperçu direct
Le site officiel de l’Association Algérienne pour la Qualité, organisation nationale, professionnelle et à but non lucratif basée à Alger et active dans toutes les wilayas, en arabe, en français et en anglais. Il réunit une demande d’adhésion en trois étapes avec carte d’aperçu en direct, une carte des 69 wilayas, une roue annuelle de 19 journées nationales et internationales et un Espace Savoir de 15 articles par langue. L’association suit demandes, messages, propositions de partenariat et actualités depuis un tableau de bord avec indicateurs, carte et graphiques.
Le besoin
L’association s’est d’abord présentée par dix publications trilingues sur ses pages Facebook et LinkedIn. Il lui fallait une plateforme officielle en arabe, en français et en anglais, capable d’expliquer ses domaines et ses piliers, de recevoir les demandes d’adhésion des personnes et des organisations de toutes les wilayas avec leur profil professionnel, et de lui offrir un espace pour diffuser le savoir, suivre les grands rendez-vous annuels de la qualité et accueillir des partenaires.
Ce que nous avons construit
Nous avons conçu une couche visuelle propre, inspirée du logo : papier ivoire, lignes de construction et règles dorées, le losange arrondi comme forme maîtresse des masques, des cartes et des transitions, des rubans vert et or en mouvement, et un mode nuit. Le site est généré par un script Python : 81 pages statiques, 27 par langue, avec liens hreflang et données structurées. Nous y avons ajouté une carte des 69 wilayas du découpage de 2026, dont les arcs partent du siège d’Alger, une page des journées nationales et internationales dont les dates et comptes à rebours sont calculés dans le navigateur, donc justes chaque année, et 15 articles pédagogiques fondés sur des référentiels reconnus. Un back-office PHP sans base de données conserve demandes, pièces jointes, messages et actualités dans des fichiers JSON protégés.
Ce qui distingue ce site
Adhésion avec aperçu direct
Trois étapes pour une adhésion individuelle ou d’organisation, une carte d’aperçu qui se remplit pendant la saisie avec un anneau de progression, des communes suggérées selon la wilaya (1 541 communes), un CV ou une photo en option et une référence AAQ-YY-NNNN à l’envoi.
La roue des journées
19 journées, dont 3 nationales, sur une roue annuelle dont l’aiguille pivote vers la date choisie, avec filtres par portée et par cinq thèmes, une fiche par journée (organisme et trois initiatives proposées), un compte à rebours sur l’accueil et un fichier .ics récurrent « Ajouter à mon agenda ».
Carte des 69 wilayas
Des arcs relient le siège d’Alger aux chefs-lieux, les onze wilayas créées en 2026 sont signalées, et chaque wilaya choisie affiche son nom en arabe et en caractères latins avec un lien « Adhérer depuis cette wilaya » qui la présélectionne dans le formulaire.
Espace Savoir
15 articles en arabe, en français et en anglais sur cinq axes, des principes du management de la qualité et du cycle PDCA à l’ISO 9001 et à l’audit interne, avec article à la une, filtres et recherche instantanée, sommaire qui suit la lecture, « idées clés » et lectures associées.
Partenariats
Partenaires stratégiques, deux bandeaux de logos qui se colorent au survol, une page partenaires avec recherche instantanée, cinq domaines de coopération et un formulaire « Devenir partenaire » qui arrive directement dans le back-office.
Une identité en losange
Le losange arrondi du logo devient masque d’image, cadre de carte et transition entre les pages, autour d’un cadran gradué qui tourne en page d’accueil, avec les coordonnées d’Alger dans la barre supérieure et une page Identité visuelle avec pack de logos PNG et SVG à télécharger.
Actualités trilingues
La rubrique s’ouvre sur les dix publications de présentation dans leurs trois versions ; chaque actualité a sa page indexable avec galerie, et un sitemap dédié se met à jour à chaque publication.
Trois langues, mode nuit
L’arabe de droite à gauche à la racine, le français sous /fr/ et l’anglais sous /en/, en IBM Plex Sans Arabic, IBM Plex Sans, Playfair Display et Noto Naskh Arabic, avec mode nuit, conversion automatique des chiffres arabes orientaux et messages d’erreur dans la langue de la page.
Vidéo de lancement du site de l'AAQ
Sept scènes avec voix off arabe et une musique légère : un site en trois langues qui réunit les professionnels de 69 wilayas, une adhésion numérique en quelques minutes et un tableau de bord sécurisé, quinze articles sur la qualité, le calendrier des journées nationales et internationales et l'espace partenariats, puis la carte Mustashar.
Une gestion complète, sans compétence technique
- Demandes d’adhésion avec référence AAQ-YY-NNNN, recherche, filtres et tri, panneau latéral par demande avec le parcours « nouvelle → à l’étude → acceptée / refusée », notes internes avec historique, téléchargement de la pièce jointe et aperçu de la photo
- Vue d’ensemble : total des demandes, nouvelles de la semaine, en attente de décision, acceptées et nombre de wilayas, courbe d’évolution, état de traitement et dernières demandes
- Carte de l’Algérie à bulles proportionnelles aux demandes par wilaya, barres par wilaya, secteur, domaine d’intérêt et type d’adhésion ; chaque filtre (période, wilaya, secteur, type, domaine) met à jour tous les graphiques, et un clic sur une barre ou une bulle filtre
- Export Excel (CSV) selon les filtres choisis et saisie d’une demande par l’équipe
- Messages et demandes de partenariat (type d’organisation et domaines), avec statuts « nouveau / lu / traité » et filtre par type
- Éditeur d’actualités en arabe avec traductions française et anglaise optionnelles, image principale et galerie jusqu’à 12 photos
- Connexion par mot de passe bloquée 15 minutes après 6 échecs, session expirée après deux heures d’inactivité, pièces jointes stockées sous nom aléatoire hors accès direct, et mode nuit
Le site sur tous les écrans
La page d'accueil en entier
Faites défiler le cadre pour parcourir la page d'accueil de haut en bas, telle qu'elle s'affiche sur ordinateur.
Envie d'un site de ce niveau ?
Parlez-nous de votre projet : nous vous proposerons l'architecture et les fonctionnalités adaptées.