Invité·e
UI/UX DesignFigmaHTML/CSSJavaScriptWordPressPhotoshopIllustratorAfter EffectsBlenderAstroPremiere ProInDesignTailwind CSSUI/UX DesignFigmaHTML/CSSJavaScriptWordPressPhotoshopIllustratorAfter EffectsBlenderAstroPremiere ProInDesignTailwind CSS
UX/UI DesignMotion designMéthode agile
Digital Cleanup Day
À propos du projet
Conception et développement d'un site web éco-responsable pour l'événement Digital Cleanup Day visant à sensibiliser le public à la pollution numérique. J'ai également créé divers supports de communication et réalisé une vidéo promotionnelle en motion design.
Rôle
UX/UI Designer, Motion DesignerDurée
Décembre 2023 (projet en équipe)Équipe
Projet réalisé en équipeOutils
FigmaIllustratorAfter EffectsPremiere ProTrello
Aperçu Global
Aperçu du site éco-conçu pour le Digital Cleanup Day
Bilan & Apprentissages
- 1Éco-conception web : optimiser chaque ressource pour réduire l'empreinte carbone
- 2Méthode agile en équipe avec Trello (sprints, daily meetings)
- 3Motion design promotionnel avec After Effects
- 4Design system sobre et performant
L'essentiel
Comment sensibiliser efficacement le grand public à l'impact environnemental du numérique tout en appliquant les principes d'éco-conception web au site lui-même ?
01Contexte & Défi
Contexte & Brief
Projet en équipe pour la journée mondiale du nettoyage numérique (Digital Cleanup Day). L'objectif était de créer un site web éco-responsable qui sensibilise le public à la pollution numérique, en utilisant une méthode agile.
- Événement mondial : Digital Cleanup Day — sensibilisation à la pollution numérique.
- Objectif : créer un site web éco-conçu qui « pratique ce qu'il prêche ».
- Méthodologie agile avec Trello : sprints de 2 semaines, daily meetings.
- Livrables multiples : site web, supports de communication, vidéo motion design.
02La Problématique
La Problématique
Comment sensibiliser efficacement le grand public à l'impact environnemental du numérique tout en appliquant les principes d'éco-conception web au site lui-même ?
- Rendre compréhensible un sujet technique (pollution numérique) pour le grand public.
- Appliquer les bonnes pratiques d'éco-conception web (poids de page minimal, animations légères).
- Créer un contenu engageant qui incite à l'action sans alourdir le site.
03Notre Démarche
Démarche & Méthode
La méthode agile a structuré l'ensemble du projet, de la recherche UX à la livraison finale.
- Recherche UX : études sur l'éco-conception, interviews utilisateurs, audit de sites similaires.
- Sprints de 2 semaines avec Trello : backlog, planification, daily meetings, rétrospectives.
- Conception d'un design system sobre et efficace — chaque pixel justifié.
- Création d'une vidéo en motion design pour maximiser l'engagement.
- Tests de performance et optimisation du poids des pages.
04La Solution proposée
La Solution
Un site web éco-conçu accompagné de supports de communication et d'une vidéo promotionnelle en motion design.
- Site web avec un poids de page minimal et des animations légères et performantes.
- Contenu pédagogique interactif pour sensibiliser à la pollution numérique.
- Vidéo promotionnelle en motion design pour maximiser la portée sur les réseaux sociaux.
- Design system cohérent et sobre, décliné sur tous les supports.
05Mesure des Résultats
Résultats & Apprentissages
Le site a été validé pour ses bonnes pratiques d'éco-conception et le travail d'équipe en agile a été une réussite.
- Site validé pour les bonnes pratiques d'éco-conception web.
- Travail d'équipe efficace grâce à la méthode agile.
- Compétences développées en motion design et gestion de projet.
- Sensibilisation concrète à l'éco-conception dans le design numérique.
Aperçu Global
Bilan & Apprentissages
- 1Éco-conception web : optimiser chaque ressource pour réduire l'empreinte carbone
- 2Méthode agile en équipe avec Trello (sprints, daily meetings)
- 3Motion design promotionnel avec After Effects
- 4Design system sobre et performant
