La 501e Legion – Figma Make
Le projet
Après avoir participé à un webinar sur Figma Make, j’ai souhaité tester les capacités de l’outil à travers un projet personnel mêlant design immersif, accessibilité et IA générative.
Passionné par l’univers Star Wars et la série animée Star Wars: The Clone Wars, j’ai créé un site one-page dédié à la 501ᵉ Légion, unité de clones du Général Jedi Anakin Skywalker, rendant hommage à la fraternité et à la loyauté des clones.
Un projet d’étude non commercial, conçu pour explorer les nouvelles approches de conception web assistées par IA.
Problème
Explorer comment Figma Make peut produire un site à la fois immersif, cohérent et accessible, tout en respectant les contraintes visuelles et UX d’un univers aussi riche que Star Wars.
Recherche
- Étude des références visuelles issues de The Clone Wars.
- Analyse des bonnes pratiques WCAG 2.1 pour garantir la lisibilité et l’accessibilité.
- Tests sur les limites de personnalisation et d’interactivité dans Figma Make (scroll fluide, modales, header flottant).
Solution
- Création d’un site one-page immersif structuré autour de sections clés (Héros, Jedi, Chronologie, Citation, À propos).
- Design futuriste inspiré des interfaces clones, avec palette bleu 501ᵉ, header “liquid glass” flottant, modales interactives et composants uniformisés.
- Chaque élément respecte les normes d’accessibilité (contraste, focus visible, navigation clavier).
Résultats
- Un prototype complet et cohérent généré via Figma Make, affiné manuellement pour renforcer la direction artistique.
- Une expérience utilisateur fluide, immersive et conforme aux standards d’accessibilité.
- Une preuve de concept démontrant que les outils IA peuvent accélérer la conception sans compromettre la qualité UX.
Pour accéder au prototype, vous pouvez cliquer sur le lien ci-dessous. Il est disponible en français et anglais pour le moment.
Pour y accéder, vous devrez être connecté à un compte Figma.
Informations sur le projet
-
Date
Octobre 2025
-
Catégorie
Site web
-
Solution
Figma Make