Consigne
Objectif: concevoir une campagne de communication visuelle numérique animée, afin de diffuser l’histoire de votre marque sur une variété de supports du design digital.
Titre :Donnez vie à votre marque !
Dans ce projet, vous allez imaginer une marque comme un véritable personnage, avec une personnalité, des valeurs, une histoire à raconter et un univers visuel cohérent.
En équipe, vous partirez d’un logo tiré au sort pour concevoir une identité visuelle complète, en passant par la création d’une charte graphique jusqu’à la réalisation de supports numériques animés.
Vous vous inspirerez de l’univers décalé et critique du filmLogoramadu collectif H5, où les logos prennent vie, pour animer votre propre logo et mettre en scène votre marque fictive.
Compétences visées :
- travailler en équipe autour d'un projet commun ;
- construire une identité visuelle forte, une charte graphique ;
- construire un scénario d’animation adapté à un contexte de diffusion (promotion, prévention, information, événement) ;
- animer vos idées pour communiquer visuellement vos intentions.
Étape par étape
Dans ce projet, vous allez travailler en équipe pour créer une campagne de communication visuelle complète à partir d'un logo tiré au sort. Voici les cinq étapes principales du projet.
Étape 1 -Analyse du logo et définition de l'univers de la marque (30 minutes)
Chaque équipe tire au sort une carte logo. Vous analysez les formes, la palette de couleurs et la typographie du logo pour en déduire l'univers professionnel de la marque (mode, commerce, bâtiment, etc.) et les valeurs qu'elle représente (innovation, tradition, dynamisme, etc.).
Étape 2 -Création d'une charte graphique(2 heures)
Utilisez une trame (par exemple sur Canva) pour définir les éléments de votre charte graphique, incluant les formes, les couleurs, la typographie et les styles de visuels ou de photographies. Proposez également des textes adaptés aux différents contextes de diffusion, comme des titres et slogans pour les affiches, des messages pour les flyers, des descriptions pour les publicités et des annonces pour les bannières web. Concevez des maquettes d'affiches, des mises en page pour des magazines et des modèles de flyers en respectant les contraintes de votre identité visuelle.
Étape 3 -Collaboration et répartition des tâches (1 heure)
Au sein de votre équipe, définissez une identité visuelle forte en lien avec les valeurs et l'univers de votre marque. Répartissez-vous les tâches de création des supports numériques, comme la bannière web, le flyer animé et les posts pour les réseaux sociaux. Déterminez ensemble les principes d'animation pour les textes, les visuels, le logo et le rythme des animations (lent, dynamique, horizontal, centré, etc.) en lien avec les valeurs de votre marque.
Étape 4 -Réalisation des supports numériques animés (4 heures)
Inspirez-vous de Logoramapour créer des animations en utilisant des logiciels open source comme Blender, Synfig Studio ou Canva. Animez la bannière web, créez un flyer avec des effets dynamiques et concevez des posts animés pour les réseaux sociaux, en respectant les principes graphiques définis précédemment avec votre équipe.
Étape 5 -Présentation des productions (1 heure)
Présentez vos créations en expliquant vos choix d'animation et en justifiant leur pertinence. Montrez comment vous avez maintenu une cohérence visuelle tout en variant les supports. Vérifiez que votre campagne respecte la charte graphique définie et évaluez si vous avez réussi à construire une identité visuelle forte à partir du logo tiré au sort.
Étape 1 - Définir l'univers visuel d'une marque
Objectifs :
analyse du logo, interprétation des signes graphiques, construction de sens.
Vous tirez au sort un logo. À partir de son style graphique (formes, couleurs, typographie), vous devez deviner l’univers professionnel de la marque et ses valeurs. Respectez les consignes suivantes.
1.Travaillez en équipe (par groupes de 2 ou 3) et réalisez une fiche d'analyse avec :
- ce que vous voyez (forme, couleur, typo) ;
- ce que cela évoque (valeurs, émotions, secteur d’activité).
2.Devinez qui se cache derrière ce logo. Complétez votre fiche d'analyse en déduisant l'identité de votre marque :
- quel est son univers professionnel (mode, commerce, bâtiment, etc.) ?
- Quelles sont les valeurs qu'elle représente (innovation, tradition, dynamisme, etc.) ?
Justifiez vos réponses en vous appuyant sur l'analyse graphique du logo. Gardez précieusement votre fiche d'analyse : elle vous servira pour la suite du projet !
Étape 2 - Créer une charte graphique
Objectifs : s’approprier les éléments d’un système graphique cohérent, expérimenter la mise en page, créer des contenus et une identité visuelle forte.
Dans cette étape, vous allez découvrir une charte graphique professionnelle avant de créer en équipe la charte de votre propre marque (par exemple sur Canva ouviades logiciels de PAO libres, comme Scribus).
Découverte d'une charte graphique
Le logo du Secours populaire français est une main ailée, créée par l'atelier Grapus en 1981. Il représente la solidarité et l'aide aux autres, et il est important de le respecter dans son intégrité. La charte graphique fournit des directives précises sur son utilisation, notamment les couleurs, la typographie et la zone de sécurité.
En groupe, analysez la charte graphique du Secours populaire en répondant aux questions suivantes.
1.Quelles sont les composantes principales du logo du Secours populaire ?
2. Comment le logo est-il adapté pour différents supports (imprimés, numériques, etc.) ?
3. Quels sont les risques d'une utilisation incorrecte du logo ou des couleurs ?
4.Comment la palette de couleurs contribue-t-elle à l'identité de l'organisation ?
5.Pourquoi est-il important d'utiliser des typographies spécifiques ?
Composition de votre charte graphique à partir du logo tiré au sort
Utilisez un gabarit sur un logiciel open source (ou celui fourni) pour construire la charte de votre marque : palette, typographie, styles d’illustration, pictogrammes, texture éventuelle. Déterminez, comme sur les exemples analysés avec le Secours populaire, les éléments de base de votre identité visuelle, ainsi que ceux à respecter lors des déclinaisons sur différents supports (affiche, bannière web, objets promotionnels, etc.).
Réalisation de vos premiers supports numériques fixes
Finalisez votre charte avec trois exemples de supports concrets avec des contenus à définir (slogan, message informatif, description produit), en accord avec la (les) typographie(s) déterminée(s) dans l'étape précédente. Proposez une composition de vos futurs supports numériques avec des maquettes d'affiche, de flyer, une double page d'article, etc.
Étape 3 - Collaboration et répartition des tâches
Objectif : travailler en équipe, organiser un projet, définir des intentions d’animation.
Dans cette dernière étape de réalisation, il est essentiel de savoir s'organiser et de prendre des initiatives. Vous allez devoir vous répartir les rôles au sein de votre équipe. Identifiez vos compétences et vos aspirations professionnelles, ainsi que les besoins spécifiques du projet. Voici quelques rôles-clés à considérer : chef de projet, animateur, graphiste, rédacteur, etc.
1.Répartition des rôles et mise œuvre
Une fois les rôles attribués, définissez les missions spécifiques de chacun. L'objectif est de lancer votre marque et de la décliner sur au moins trois supports numériques différents. Assurez-vous que chaque membre de l'équipe comprend bien ses responsabilités et les attentes associées à son rôle.
2.Chorégraphie de vos supports numériques
Pour donner vie à votre marque, vous allez animer vos supports numériques, tout en respectant votre charte graphique et les valeurs de votre marque. En équipe, déterminez le style d’animation qui correspond le mieux à votre univers. Inspirez-vous de banques de styles animés (exemples vidéo) pour affiner vos choix.
Points à définir
- Type de mouvement : mouvements fluides, transitions brusques (cut), animations centrées, etc.
- Animation du texte : comment le texte apparaîtra (fade-in, zoom, etc.) ? Subira-t-il des transformations (changement de couleur, rotation, etc.) ?
- Rythme : tempo de vos animations : lent pour une ambiance calme, dynamique pour capter l'attention ou progressif pour une montée en puissance.
- Entrée/sortie du logo : comment votre logo fera son entrée et sa sortie dans vos supports numériques, en utilisant des effets comme les fondus de couleur, les retournements ou les défilements.
Étape 4 - Réalisation des supports numériques animés
Vous allez animer les supports numériques de votre marque, tout en respectant votre charte graphique et les intentions définies en équipe. L’objectif est de produire au moins trois supports animés différents.
Supports à produire (minimum 3 au choix)
- Une bannière web animée.
- Un flyer animé (avec effets dynamiques ou transitions visuelles).
- Un post animé pour les réseaux sociaux (format carré ou vertical).
- Une story ou un reel animé.
- Une page d’accueil fictive animée.
1.Inspirez-vous du filmLogorama
Commencez par revoir un extrait du film et repérez les types de mouvements utilisés : entrées ou sorties de logos, zooms, rebonds, effets d’apparition, transitions dynamiques, etc. Notez 3 à 5 principes d’animation que vous souhaitez réutiliser.
2.Vérifiez la cohérence avec votre charte graphique
Avant de vous lancer dans l’animation, assurez-vous que les choix visuels de votre projet (couleurs, typographies, formes, style) sont bien respectés. Gardez à l’esprit le ton général de votre marque : est-il drôle, sérieux, énergique, minimaliste ?
3.Organisez-vous en équipe
Répartissez les rôles en fonction des compétences et des envies de chacun : graphisme, animation, ou binômes pour chaque support.
Étape 5 - Présentation des productions
Objectif :expliquer vos choix graphiques et évaluer la cohérence et la pertinence de votre campagne en complétant la fiche d'auto-évaluation fournie.
Présentez votre campagne animée en équipe devant la classe. Montrez vos supports animés et expliquez comment vous avez respecté votre charte graphique et votre univers de marque.
Présentez :
- le nom, l'univers de votre marque, ses valeurs, le concept global de votre campagne ;
- vos supports animés (en vidéo ou gif) en expliquant les choix d’animation (vitesse, rythme, entrée/sortie des éléments, etc.) et en justifiant les formats choisis en fonction des cibles (story Insta, bannière web, flyer animé) ;
- un rapide bilan graphique et narratif : comment avez-vous respecté votre charte graphique ? Comment les animations racontent-elles l'histoire de votre marque ? Comment avez-vous réussi à garder une cohérence tout en variant les supports ?
Pour réaliser l'activité, téléchargez le document ou éditez-le directementviaOffice online.
Charte graphique - Modèle à compléter
Définition :
la charte graphique est un document de référence qui définit l’univers visuel d’une marque. Elle rassemble les règles d’utilisation des éléments graphiques pour assurer une cohérence dans tous les supports de communication (affiches, réseaux sociaux, site web, emballage…). Elle vous permettra de :
- garantir une identité visuelle reconnaissable pour votre marque ;
- créer une unité dans les supports, quels que soient les créateurs de votre équipe ;
- communiquer les valeurs et l’univers de la marque de façon cohérente.
Consigne :la charte doit clairement refléter l’univers visuel de votre marque. Elle servira de base pour tous vos supports animés à venir ! Pour cela, vous devez :
- illustrer votre charte sur une version imprimée (en utilisant des collages, croquis, photographies, aplats de couleurs…) ;
- ou la réaliser en version numérique à l’aide d’un logiciel de conception graphique open source, comme Scribus ou Canva.
Pensez à utiliser uniquement des éléments libres de droits : couleurs issues de nuanciers disponibles, typographies libres (par exemple sur Google Fonts), pictogrammes ou illustrations en accès libre (bibliothèques libres d’images).