01 Contexte & livrable Bastian NOEL — MMI1 B1
Trace 01
SNAXS
Identité visuelle
Charte graphique
Compétence & AC visés
EXPRIMER Niveau visé : 2/3 AC13.02
Produire des pistes graphiques et des planches d’inspiration. AC13.03
Créer, composer et retoucher des visuels. Niveau 2 (début) AC23.03
Créer et décliner une identité visuelle (charte graphique).
Contexte rapide
Consigne
Créer une marque + charte graphique complète à partir d'une photo de tigre.
02 Démarche & situation pro Bastian NOEL — MMI1 B1
Plan de production
1
Recherche
Benchmark chartes, analyse présentation logos / marges / variantes
2
Concept
Univers SNAXS, croquis à partir de la photo de tigre
3
Production
Vectorisation Illustrator, mise en page charte InDesign
4
Test
Tests mockups menus / réseaux sociaux, ajustement marges
03 De la trace à la preuve Bastian NOEL — MMI1 B1
Problème initial
  • Marges logo définies à l'œil
  • Charte pensée comme check-list
  • Logo trop espacé sur certains supports
Ajustements
  • Recalcul des marges de sécurité
  • Tests sur supports variés
  • Charte centrée sur l'usage réel
AC13.03
Créer des visuels
→
AC23.03
Décliner une identité visuelle
04 Auto-évaluation & projection Bastian NOEL — MMI1 B1
3
2
1
0
Niveau EXPRIMER
Forces
  • Mini-charte cohérente et exploitable
  • Allers-retours charte ↔ mockups
  • Capacité à corriger après test
Points de vigilance
  • Anticipation des contextes d'usage
  • Méthode de test à systématiser
  • Formalisation des règles dès le début
Légende échelle
0 — Compétence non activée
1 — Premiers acquis
2 — Compétence opérationnelle
3 — Compétence maîtrisée et autonome
Objectif S3–S4
Intégrer les tests sur supports réels dès le début de la conception de charte plus en fin de projet.
Position actuelle : 2/3 sur EXPRIMER
01 Contexte & livrable Bastian NOEL — MMI1 B1
Trace 02
bourricot.com
Audit & diagnostic
Ergonomie
Compétence & AC visés
COMPRENDRE Niveau visé : 2/3 AC11.02
Évaluer un site web avec des guides de bonnes pratiques. AC11.05
Identifier les cibles et leurs caractéristiques. Niveau 2 (début)
Relier constats à des parcours et besoins utilisateurs.
Contexte rapide
Consigne
Analyser bourricot.com (site ancien sur les ânes) et produire un audit complet (contenus, ergonomie, technique, hébergement) en 10–15 pages.
02 Démarche & posture Bastian NOEL — MMI1 B1
De l’impression au diagnostic
1
Premier regard
Ressenti initial : site très riche mais “vieux et fouillis”, difficulté à savoir par où commencer.
2
Exploration
Reconstitution du site via Wayback Machine, inventaire des pages, regroupement par familles de contenus.
3
Analyse
Application de grilles : cohérence graphique, lisibilité, repères de navigation, responsive, performance.
4
Structuration
Passage à un diagnostic organisé : typologies de contenus + synthèse ergonomique argumentée.
03 De la trace à la preuve Bastian NOEL — MMI1 B1
Difficultés
  • Volume important : réflexe de tout commenter page par page.
  • Ressenti flou (“on se perd”) difficile à traduire en critères.
  • Rapport de groupe très exhaustif mais peu hiérarchisé.
Ajustements
  • Regroupement en typologies de contenus.
  • Formulation en critères explicites (repères, hiérarchie, responsive…).
  • Prise de recul sur les enjeux vraiment critiques pour l’utilisateur.
Perception intuitive
“Site ancien et fouillis”
→
Analyse structurée
Diagnostic par contenus & critères ergonomiques
04 Auto-évaluation & projection Bastian NOEL — MMI1 B1
3
2
1
0
Niveau COMPRENDRE
Forces
  • Audit structuré et argumenté.
  • Capacité à passer du ressenti aux critères précis.
  • Rapport exploitable pour une refonte.
Points de vigilance
  • Tendance à trop détailler chaque page.
  • Priorisation des problèmes à renforcer.
  • Peu de confrontation aux usages réels.
Légende échelle
0 — Compétence non activée
1 — Premiers acquis
2 — Compétence opérationnelle
3 — Compétence maîtrisée et autonome
Objectif S3–S4
Regrouper plus vite les problèmes par grandes familles et compléter l’audit par quelques tests utilisateurs simples.
Position actuelle : 2/3 sur COMPRENDRE
01 Contexte & livrable Bastian NOEL — MMI1 B1
Trace 03
bourricot.com
Parcours & architecture
UX
Compétence & AC visés
CONCEVOIR Niveau visé : 2/3 AC12.01
Concevoir un service (ici un portail web) en termes d’usages et de fonctionnalités. AC12.03
Proposer une recommandation structurée par cibles et par parcours.
Contexte rapide
Suite de l’audit
Après le diagnostic de bourricot.com, la SAE demande un plan de modernisation : cibles, architecture, maquettes et présentation orale.
02 Démarche & storytelling Bastian NOEL — MMI1 B1
Raconter le site par les usages
1
Cibles
Définition de trois profils : familles / jeunes adultes, séniors passionnés, professionnels.
2
Parcours
Pour chaque cible : point d’entrée (Google, réseaux sociaux…), attentes, freins, actions clés.
3
Architecture
Construction d’une arborescence qui met ces parcours en scène (Participer, Apprendre, S’équiper, Annuaire pro…).
4
Maquette
Page d’accueil desktop maquettée pour matérialiser les priorités : communauté, contenus, annuaire pro.
03 De la trace à la preuve Bastian NOEL — MMI1 B1
Tensions de conception
  • Trois publics très différents à faire cohabiter.
  • Risque de privilégier un profil au détriment des autres.
  • Maquette surtout pensée pour le desktop.
Choix assumés
  • Mettre en avant la communauté pour “hooker” les jeunes.
  • Assurer un accès rapide à l’info fiable pour les séniors.
  • Donner une vraie place à l’annuaire et au compte pro.
COMPRENDRE
Diagnostic “site riche mais illisible”
→
CONCEVOIR
Réponse structurée par cibles & parcours
04 Auto-évaluation & projection Bastian NOEL — MMI1 B1
3
2
1
0
Niveau CONCEVOIR
Forces
  • Capacité à transformer l’audit en parcours concrets.
  • Architecture d’accueil cohérente avec les cibles.
  • Argumentation UX claire à l’oral.
Points de vigilance
  • Anticipation multi-écran (mobile sous-travaillé).
  • Validation des parcours par de vrais tests.
  • Équilibre à trouver entre les trois publics.
Légende échelle
0 — Compétence non activée
1 — Premiers acquis
2 — Compétence opérationnelle
3 — Compétence maîtrisée et autonome
Objectif S3–S4
Intégrer le mobile dès le début des maquettes et tester les parcours sur plusieurs supports avec des personas.
Position actuelle : 2/3 sur CONCEVOIR
1 / 12
← → Espace