Contexte
Dans l’idée de promouvoir les actions de la Mission Locale Jeunes Petite Camargue, il s’est agit également la possibilité d’offrir des informations clefs aux personnes concernés, et de faciliter leur prise de contact avec la mission locale.
Accueil
La page d’accueil, ou home page, occupe une place centrale dans l’expérience utilisateur et constitue le premier contact avec la mission locale. Elle joue un rôle décisif dans la captation d’attention des visiteurs, les inciter à explorer davantage.
Elle doit inclure un menu de navigation clair et accessible permettant l’orientation des utilisateurs, et une image de couverture attrayante avec CTA.
Sections principales de la page :
Actualités
Un aperçu des nouvelles récentes liées à la mission locale, mis à jour régulièrement par votre chargée de communication.
Espaces dédiés aux jeunes et aux employeurs :
Ces espaces sont valorisés pour répondre aux besoins spécifiques de chacun.
D’un coté l’espace Jeunes, guidant le jeune dans son espace, et de l’autre l’employeur, plus rapide car il n’existe qu’une seule page employeurs.
Où sommes-nous ?
Cette sectuion en bas de page marque la possibilité rapide de trvouver la page de contact en plus du menu, et également d’avoir les coordonnées de l’antenne correspondant au secteur du jeune. Elle inclue une carte interactive qui active un état pour le survole de la souris permettant de retrouver rapidement le lieu. Cette carte n’apparait pas sur mobile.
Le modèle de page
Les pages Jeunes et Employeurs, construites sur un modèle duplicable, suivent une structure identique mais abordent des thématiques distinctes adaptées à chaque public.
Pour l’espace Jeunes, elles sont sont organisées en trois pages :
- Mon accompagnement
- Mon quotidien
- Mon avenir
L’espace employeurs est une page à part entière. Ainsi que la page concernant les informations sur la Mission Locale Jeunes.
En suivant ces schémas, nous retrouvons une structure similaire entre les pages, permettant de retrouver les information de façon claire en fonction de la situation.
Suivre le même modèle permet également de gagner un temps de développement considérable, permettant de s’attarder sur les fonctionnalités à implémenter.
Le tiroir mobile
Pour garantir une navigation aussi fluide sur mobile que sur desktop, j’ai choisi d’intégrer la même barre latérale (sidebar) déjà présente sur la version ordinateur. Sur mobile, celle-ci est accessible via un tiroir, améliorant ainsi l’accessibilité aux informations pour l’utilisateur.
