CONCEPT WEB · UI DESIGN
Concept web
GRETA GIP FIPAN.
Une page d’accueil, un catalogue et une fiche de formation : ce concept web GRETA GIP FIPAN met en relation trois moments de la recherche d’une formation. Les interfaces sont présentées sur ordinateur, tablette et téléphone.
Concept web réalisé dans le cadre de mon poste au GIP FIPAN.
Concept web : accueil, catalogue et fiche de formation dans une mise en scène émeraude.
01
Entrer par son projet
Sur l’écran d’accueil, la formation professionnelle s’ouvre par un grand titre, une photographie et deux actions : trouver une formation ou être accompagné. Un panneau rassemble plusieurs situations, de la reconversion au financement d’un parcours. En haut de page, la recherche associe un champ libre à des filtres de type, de secteur et de niveau.
02
Passer du catalogue à la fiche
La vue sur tablette présente un catalogue organisé par familles de métiers. Les formations apparaissent dans des cartes avec leur intitulé et des repères pratiques. Sur téléphone, la fiche BTS Tourisme met en avant le diplôme, le niveau et des accès au contact et aux documents. Ces trois vues décrivent des contenus complémentaires, avec une hiérarchie propre à chaque écran.
Le même concept dans une seconde mise en scène, sur fond clair.
03
Un même vocabulaire visuel
Les dégradés verts et turquoise, les panneaux translucides et les angles arrondis relient les interfaces. Le blanc distingue les titres, les cartes et les informations dans les zones plus sombres. Deux mises en scène, l’une émeraude et l’autre claire, présentent ce concept web GRETA GIP FIPAN. Elles montrent une direction graphique et son organisation ; le dossier porte sur cette exploration d’interface.
VOTRE PROCHAIN PROJET
Votre offre de formation mérite une interface claire
Parlons des contenus à organiser, des publics à accompagner et des écrans à concevoir.
© 2026 FOLIOCREA · Olivier Deluermoz