Creation site web formation

Objet

Il s’agit dans ce lot de concevoir la plateforme dans sa dimension ergonomique et graphique : wireframes puis images des principaux écrans (Mobile first puis desktop), puis les maquettes HTML, CSS et JS. Les différents gabarits sont précisés dans la rubrique « Contenus et Fonctionnalités » dont voici la liste récapitulative :

• Page de contenu classique
• Page d’accueil
• Page Formation
• Page Evènement
• Page Actualités
• Page Ecole/Marque
• Page Landing page
• Page Filières métiers
• Page de résultats de recherche formation
• Page des actus et des évènements avec filtrage
• OPTION Page des offres d’alternance
• Header avec menu « Je suis »
• Footer
• Panneau des cookies
• Moteur de recherche formation
• Onglet de navigation
• Volet d’appel à l’action
• Menu de navigation interne (sticky)
• Gabarit fiche formation en PDF
• Accent par marque
• Déclinaison graphique de chaque bloc du catalogue de blocs.

Exigences

Le site doit être développé en HTML5, respecter les normes du W3C, être « Web Responsive » et consultable sur les principaux navigateurs récents. Le design doit être pensé Mobile first et s’inspirer de la charte graphique fournie. Il doit également respecter les bonnes pratiques en matière de référencement naturel (SEO) et répondre aux obligations légales en matière d’accessibilité numérique.

Livrables

• Maquettes graphiques format PNG
• Archive ZIP contenant les gabarits HTML / CSS / JS
• Doc de référence (Styleguide) de l’ensemble du catalogue de blocs et des éléments HTML

Méthodologie

Les wireframes sont présentés en premier, suivis de la validation de la charte graphique. Des ateliers d’échanges sont organisés pour valider les maquettes, et une phase de recette est prévue avec la CCI Le Mans Sarthe. Une solution de ticketing est mise en place pour faciliter les échanges.