Section 2.1

Page d'Accueil - Structure Schématique Complète

Architecture détaillée de la page d'accueil avec ses 6 sections principales organisées de manière progressive pour guider le candidat vers l'inscription.

URL de référence : https://cma-front.pages.dev/

Architecture Complète - 6 Sections Principales

La page d'accueil de la plateforme CMA France présente une interface moderne et intuitive, spécialement conçue pour les candidats aux examens de transport de personnes.

Architecture Complète - 6 Sections Principales

1. Header et Navigation Principale
Menu Principal (5 éléments):
Accueil Inscription Mon Espace Informations Contact
Menu Utilitaire (2 éléments):
Accessibilité Se connecter
2. Section Hero - Zone d'Impact Principal
Contenu Textuel:
  • • Titre principal : "Examens Taxi, VTC et VMDTR"
  • • Sous-titre : "Plateforme officielle d'inscription"
Call-to-Actions:
  • • CTA Principal : "S'inscrire à un examen"
  • • CTA Secondaire : "Espace connecté"
3. Section Présentation des Examens

Examen TAXI

Licence chauffeur de taxi

Examen VTC

Voiture Transport avec Chauffeur

Examen VMDTR

Véhicule Motorisé 2-3 Roues

4. Section Types d'Examens Disponibles

Examen Théorique (Admissibilité)

Connaissances générales et réglementation du transport

Session de Rattrapage

Nouvelle chance en cas d'échec aux deux premières tentatives d'Admission

Examen Pratique (Admission)

Épreuve de conduite et mise en situation professionnelle

Mobilité Professionnelle

Passage d'une licence à l'autre (Taxi vers VTC ou inversement)

5. Section Processus d'Inscription en 5 Étapes
1

Type d'examen

TAXI/VTC/VMDTR

2

Département

Zone géographique

3

Informations

Données personnelles

4

Documents

Pièces justificatives

5

Paiement

Finalisation

Call-to-Action final

6. Footer - Informations Institutionnelles
Logo CMA:

Chambre de Métiers et de l'Artisanat - Plateforme officielle d'inscription aux examens professionnels

Examens:
  • • Taxi
  • • VTC
  • • VMDTR
Support:
  • • Guide d'inscription
  • • FAQ
  • • Contact
Légal:
  • • Mentions légales
  • • CGU
  • • RGPD
  • • Accessibilité

Implémentation Réelle - Page d'Accueil CMA France

Document PDF vectoriel haute définition - Vue complète de la page d'accueil (897 KB)

1. Header et Navigation Principale

Description Fonctionnelle

Le header constitue l'élément de navigation principal de la plateforme CMA France. Il assure une navigation cohérente sur l'ensemble du site et offre un accès direct aux principales fonctionnalités. Cette zone critique guide l'utilisateur dans son parcours et maintient une expérience utilisateur fluide avec des indicateurs visuels d'état (page active, hover, focus).

Objectifs fonctionnels : Orientation immédiate de l'utilisateur, accès rapide aux fonctions essentielles, identification claire de la position dans l'arborescence, et maintien de la cohérence visuelle sur toutes les pages.

Règles de Gestion

RG-HOME-01 : Navigation Principale
  • • L'élément "Accueil" doit être visuellement distinct (état actif)
  • • Tous les éléments doivent rester accessibles depuis n'importe quelle page
  • • La navigation doit être responsive (mobile/desktop)
  • • États hover obligatoires pour tous les liens
RG-HOME-02 : Menu Utilitaire
  • • "Accessibilité" doit respecter les normes RGAA AA
  • • "Se connecter" devient "Mon profil" si utilisateur connecté

Structure du Header

Menu Principal Horizontal
Accueil

Page principale

Inscription

Processus 5 étapes

Mon Espace

Dashboard candidat

Informations

Guide examens

Contact

Support

Menu Utilitaire (Droite)

Accessibilité

Options RGAA

Se connecter

Authentification

2. Section Hero - Présentation Principale

Description Fonctionnelle

La section Hero représente la vitrine principale de la plateforme CMA France. Elle communique instantanément la valeur proposition et guide le visiteur vers l'action principale : l'inscription aux examens professionnels. Cette zone critique détermine le taux de conversion et l'engagement initial des utilisateurs.

Objectifs fonctionnels : Impact visuel immédiat, clarification de l'offre de service, incitation à l'action (inscription), et réassurance sur le caractère officiel de la plateforme.

Règles de Gestion

RG-HOME-03 : Contenu Textuel
  • • Le titre principal doit mentionner les 3 types d'examens
  • • Le caractère "officiel" doit être mis en évidence
  • • Texte accessible (contraste minimum AA)
  • • Hiérarchie typographique respectée (H1 unique)
RG-HOME-04 : Call-to-Actions
  • • CTA principal visuelle dominante (couleur, taille)
  • • CTA secondaire pour utilisateurs déjà inscrits
  • • Boutons accessibles au clavier (tabindex)
  • • Redirection conditionnelle selon statut utilisateur

Zone d'Impact Principal

Contenu Textuel
  • Titre principal : "Examens Taxi, VTC et VMDTR"
  • Sous-titre : "Plateforme officielle d'inscription aux examens professionnels"
Call-to-Actions
  • CTA Principal : "S'inscrire à un examen"
  • CTA Secondaire : "Espace connecté"

3. Section Présentation des Examens

Description Fonctionnelle

Cette section présente de manière claire et attractive les trois types d'examens disponibles sur la plateforme. Elle permet aux candidats de comprendre rapidement les différences entre chaque licence professionnelle et de s'orienter vers l'examen correspondant à leur projet professionnel. L'interface en cartes facilite la comparaison et la sélection.

Objectifs fonctionnels : Clarification des offres d'examens, orientation du candidat vers le bon parcours, conversion directe vers l'inscription, et réduction du taux d'abandon par incompréhension.

Règles de Gestion

RG-HOME-05 : Affichage des Examens
  • • Les 3 examens (TAXI, VTC, VMDTR) doivent être visibles
  • • Descriptions standardisées et approuvées CMA
  • • Interface responsive (1 colonne mobile, 3 desktop)
RG-HOME-06 : Boutons d'Inscription
  • • Bouton "S'inscrire" présent sur chaque carte
  • • Redirection vers processus d'inscription pré-rempli
  • • Désactivation si sessions fermées

Cartes d'Examens (3 colonnes)

Examen TAXI

"Licence pour exercer comme chauffeur de taxi dans votre département"

Examen VTC

"Licence pour exercer comme chauffeur VTC (Voiture de Transport avec Chauffeur)"

Examen VMDTR

"Licence pour exercer comme chauffeur VMDTR (Véhicule Motorisé à Deux ou Trois Roues)"

4. Section Types d'Examens Disponibles

Description Fonctionnelle

Cette section détaille les différentes modalités d'examens disponibles selon la situation du candidat (première inscription, rattrapage, mobilité professionnelle, renouvellement). Elle permet aux candidats de comprendre les spécificités de chaque type d'épreuve et de choisir la modalité adaptée à leur situation personnelle et professionnelle.

Objectifs fonctionnels : Orientation précise selon le profil candidat, réduction des erreurs d'inscription, transparence sur les modalités d'examen, et optimisation du parcours utilisateur.

Règles de Gestion

RG-HOME-07 : Types d'Examens
  • • Affichage des 4 modalités principales obligatoire
  • • Descriptions conformes aux référentiels CMA
  • • Icônes distinctives par type d'examen
  • • Mise à jour selon évolutions réglementaires

Détails Techniques des Examens (4 modalités en 2x2)

Examen Théorique (Admissibilité)

Épreuve de connaissances générales et réglementation du transport

Session de Rattrapage

Nouvelle chance en cas d'échec aux deux premières tentatives d'Admission

Examen Pratique (Admission)

Épreuve de conduite et mise en situation professionnelle

Mobilité Professionnelle

Passage d'une licence à l'autre (Taxi vers VTC ou inversement)

5. Section Processus d'Inscription en 5 Étapes

Description Fonctionnelle

Cette section présente de manière visuelle et pédagogique le processus d'inscription en 5 étapes claires. Elle rassure les candidats sur la simplicité du processus, réduit l'anxiété liée à l'inscription et encourage la conversion en montrant la progression logique. Le workflow séquentiel guide l'utilisateur et établit des attentes claires sur le parcours à suivre.

Objectifs fonctionnels : Démystification du processus d'inscription, réduction du taux d'abandon, augmentation du taux de conversion, et amélioration de l'expérience utilisateur.

Règles de Gestion

RG-HOME-09 : Affichage du Workflow
  • • Les 5 étapes doivent être clairement identifiées
  • • Progression séquentielle obligatoire (pas de saut d'étape)
  • • Indicateurs visuels d'étape active/complétée
  • • Interface responsive (vertical mobile, horizontal desktop)
RG-HOME-10 : Call-to-Action Final
  • • Bouton "S'inscrire" prominently displayed
  • • Redirection vers étape 1 du processus
  • • Vérification disponibilité des sessions
  • • Message explicatif si inscriptions fermées

Workflow Visual en 5 Étapes Séquentielles

1. Type d'examen

Sélection du type de licence : TAXI, VTC ou VMDTR

2. Département

Choix du département d'exercice et session d'examen

3. Informations

Saisie des données personnelles et coordonnées

4. Documents

Upload des pièces justificatives avec outils d'édition

5. Paiement

Finalisation sécurisée et confirmation d'inscription

Call-to-Action final de conversion

6. Section Footer - Informations Institutionnelles

Description Fonctionnelle

Le footer institutionnel établit la crédibilité et la légitimité de la plateforme CMA France. Il fournit les informations essentielles sur l'organisme, facilite l'accès aux ressources complémentaires et assure la conformité réglementaire. Cette zone de confiance renforce l'autorité de la plateforme et guide vers les informations de support.

Objectifs fonctionnels : Renforcement de la crédibilité institutionnelle, accès rapide aux informations légales, navigation de secours, et conformité réglementaire (RGPD, accessibilité).

Règles de Gestion

RG-HOME-11 : Contenu Obligatoire
  • • Logo CMA avec mention officielle obligatoire
  • • 4 colonnes : Logo, Examens, Support, Légal
  • • Liens vers mentions légales, CGU, RGPD
  • • Informations de contact et support
RG-HOME-12 : Conformité Légale
  • • Déclaration d'accessibilité RGAA obligatoire
  • • Lien vers politique de confidentialité
  • • Copyright et mentions de propriété
  • • Footer responsive avec liens fonctionnels

Footer CMA France - Identité et Navigation Secondaire

Logo CMA

Chambre de Métiers et de l'Artisanat - Plateforme officielle d'inscription aux examens professionnels.

Examens
  • • Taxi
  • • VTC
  • • VMDTR
Support
  • • Guide d'inscription
  • • FAQ
  • • Contact
Légal
  • • Mentions légales
  • • CGU
  • • RGPD
  • • Accessibilité

Footer responsive avec adaptation mobile et liens d'accessibilité

© 2025 CMA France Version 1.0 Plateforme MELIS