Apave - choisir1formation.com

Création d’un mini site de deux pages et d’un guide de choix intéractitf en responsive design.

L'Apave répond aux missions d'accompagnement des entreprises et des collectivités dans les domaines de la maîtrise des risques techniques, humains et environnementaux. Elle propose des prestations d'inspection, essais et mesures diverse, ainsi que des formations et conseil. Son but est d'améliorer la sécurité des hommes et des biens, protéger l'environnement et optimiser la performance des organisations.

Apave Formation avait comme souhait de proposer un outil ludique pour rechecher les informations liées à la formation professionnelle.

Le Studio AJ a proposé un guide de choix intéractif sous forme de QCM en responsive design. Un mini site de deux pages a été créé afin de compléter l’information proposée aux utilisateurs. L’accent a été mis sur la simplification de la recherche.

Travaux réalisés

Architecture de l’information,
Sketching, Wireframes, Maquettes UI

Partager sur

Voir le projet en ligne

Architecture de l’information

Le Studio AJ a proposé un guide de choix intéractif sous forme de QCM en responsive design.
Un mini site de deux pages a été créé afin de compléter l’information proposée aux utilisateurs.
L’accent a été mis sur la simplification de la recherche.

Wireframes - Guide de choix

UI - Couleurs & typo

UI - Page d'accueil mini site

La page d’accueil permet de sélectionner raîdement une catégorie afin de basculer vers le guide de choix intéractif.
Un jeu de superposition de photos et de pictogrammes offrent une meilleure identification des différentes rubriques.

Simplifier au maximum les parcours utilisateurs pour permettre de trouver
rapidement l’information recherchée.

UI Guide de choix - Accueil amiante

Page intérieure

Version 1480px

Page intérieure

Version 1480px

Résolutions responsive

768px 320px

UI - Version mobile responsive