Logo

Chargement

SAE 301/302
Projet scolaire - SAE 301/302

SAE 301/302

Conception d'une identité visuelle et d'un prototype interactif autour d'un brief métier.

Durée

2 semaines

Équipe

2 personnes

Outils

Figma, Illustrator, HTML/CSS

La SAE 301/302 visant à faire une refonte graphique d'un site web et à concevoir une identité visuelle complète ainsi qu'un prototype interactif répondant à un court brief métier. Le travail comprend la recherche, le wireframing, la direction artistique et l'implémentation d'un prototype fonctionnel.

1. Contexte

Brief et objectifs

Rechercher un site web traitant des espèces en voie de disparition (le notre étant l'Œdicnème criard) et réaliser une refonte graphique complète pour améliorer l'expérience utilisateur et moderniser l'identité visuelle.

Livrables : analyse du site existant, moodboard, chartes couleurs, wireframes, maquettes et prototype cliquable.

Site web original de l'Œdicnème criard
Prototype Figma interactif
2. Mon rôle

Design et conception graphique

Réalisation complète du design graphique : création de la charte visuelle, conception des maquettes desktop et mobile, et développement du prototype interactif.

Design graphique
Maquettes UI/UX
Charte graphique
Prototype Figma
3. Défis

Contraintes & solutions

Contrainte mobile

Simplifier l'interface pour un usage mobile tout en préservant l'identité visuelle.

Cohérence graphique

Uniformiser la typographie et la palette pour faciliter l'adoption par l'équipe.

Temps limité

Prioriser les livrables essentiels et proposer des itérations rapides.

4. Processus

Méthode

  • Brief & cadrage
  • Recherches & moodboard
  • Wireframes et maquettes
  • Prototype et tests utilisateur
  • Livrables finaux et documentation
5. Résultats

Livrables

Ce qui a été produit

  • • Charte graphique
  • • Maquettes mobiles et desktop
  • • Prototype cliquable
  • • Documentation de design system
  • • 2 vidéos TikTok de sensibilisation sur l'œdicnème criard

Points forts

  • • Prototype fonctionnel
  • • Identité visuelle claire
  • • Maquettes optimisées mobile
  • • Documentation prête pour développement

Vidéos de sensibilisation

Deux vidéos TikTok pour sensibiliser à la disparition de l'œdicnème criard

Version française

Audio en français avec sous-titres anglais

Visionner la vidéo 🇫🇷

Version anglaise

Audio doublé en anglais

Visionner la vidéo 🇬🇧