<aside>
3 jours — Du vendredi 20 mars au vendredi 24 avril 2026
</aside>
<aside>
Vendredi 24 avril à 14h25 (présentation Jury)
</aside>
<aside>
Ce projet est réalisé dans le cadre des cours du vendredi
8h15–11h50 — Informatique avec Manuel Schmalstieg
12h45–16h10 — Interfaces avec Mylène Dreyer
</aside>
Dans la continuité du projet D - Iconathon, le projet Index Picto est consacré à la création d’un site web regroupant des icônes (ou banque d’icônes).
Il s’agit d’un projet concours: le rendu se fera sous forme de présentation devant un jury, qui décidera d’un projet gagnant. Celui-ci sera ensuite développé par un·e élève d’une autre classe, dans un cours différent, pour être mis en ligne et à la disposition des élèves de l’eracom.
Biblothèque d’icônes de Google (lien)
<aside> 📚
Conception s’un site web “banque” d’icône
</aside>
<aside> 📱
Application du principe “mobile first”
</aside>
<aside> ✏️
Mise en application des connaissances en UX et UI design
</aside>
Le mandat consiste à créer une maquette interactive de ce site banque d’icône, en deux formats distincts: mobile et desktop.
Pour le contenu de vos maquettes, vous devez utiliser les icônes créées dans le cours du jeudi.
Pour le design, vous devez travailler sur l’aspect UI (identité visuelle, composition, choix typographique, etc.) et sur le UX (architecture du site, interactions, navigation, etc.)
Selon le principe du «mobile first», vous devez commencer par le design de la version mobile (360px), puis passer à la version desktop (1280px).
En vue du design-to-development handoff, il faudra bien veiller à la clareté de vos maquettes et à la propreté de votre fichier Figma.