Objectif : connaître les menus et les zones principales de l'interface.
Capture :
frontend_home_1,frontend_home_2oufrontend_home_3
La barre de navigation principale
En haut de chaque page, un menu horizontal vous permet d'accéder aux différentes sections :
| Lien | Description |
|---|---|
| Accueil | Page d'accueil avec résumé des événements et actualités |
| Événements | Inscription aux postes bénévoles |
| Historique | Vos événements passés |
| Adhésion | Accès au formulaire d'adhésion (si activé) |
| L'association | Informations sur la structure (si activé) |
| Documents | Base documentaire (si activé) |
| Actualités | Fil d'actualités (si activé) |
| Trombinoscope | Annuaire photo des bénévoles (si activé) |
| Carte | Carte de localisation des bénévoles (si activé) |
Selon votre structure : tous les modules ne sont pas forcément visibles. Seuls ceux activés par votre administrateur apparaissent dans le menu. Consultez la page Modules optionnels pour le détail.
Le menu utilisateur
En haut à droite, votre prénom (ou nom) s'affiche avec une flèche. Cliquez dessus pour ouvrir le menu :
- Compte — modifier votre e-mail, mot de passe, ou supprimer votre compte
- Informations personnelles — photo, coordonnées, localisation, questions du trombinoscope
- Déconnexion
La barre d'administration (administrateurs et membres du CA)
Si vous êtes administrateur ou membre du conseil d'administration, une barre sombre apparaît tout en haut de l'écran avec deux boutons :
- Portail — retourner à la partie bénévole
- Administration — accéder au panneau de gestion
Ces boutons mémorisent la dernière page visitée dans chaque espace, pour faciliter les allers-retours.
Le pied de page
En bas de chaque page, vous trouvez :
- Le logo et le nom de la structure
- L'adresse et le téléphone de la structure
- Les Liens utiles et Contacts utiles (si renseignés)
- Un rappel pour installer l'application sur votre téléphone (PWA)
Sur mobile
Sur un petit écran, le menu principal se replie derrière un bouton Ouvrir le menu (icône hamburger). Le contenu et les fonctionnalités restent identiques.
Astuce : la couleur principale de l'interface (boutons, liens actifs) est personnalisée par votre structure. Elle peut varier d'une instance à l'autre.