Sujet d’examen

Graduate Web et communication visuelle

Session d’examen décembre 2023
Promotion ARMANO
Étape 1

Cet énoncé est destiné à la promotion ARMANO et concerne l’étape 1 de votre examen.

La date butoir de rendu est le 14 septembre 2023 à 23h59.

Cette première étape fera l’objet d’une correction formative qui n’est pas prise en compte
pour l’obtention de votre diplôme. Elle vous permet d’améliorer votre projet pour le dépôt
final, qui sera évalué pour votre examen.

Vérifiez bien dans l’énoncé les livrables attendus et leur format avant de soumettre votre
dépôt.

Vous trouverez la procédure détaillée pour soumettre votre avant-projet en annexe, dans
l’espace dédié au dépôt de celui-ci.

À noter : tous les livrables pour l’examen doivent être considérés comme destinés au client,
aussi prenez soin de la qualité de présentation qui doit être professionnelle (mise en page,
images, orthographe) pour tous vos livrables pour l’examen, même ceux que vous soumettez
dans le cadre de l’étape facultative.

©Studi Reproduction interdite Page 1 sur 16

WoodBox Créations est une entreprise spécialisée dans la fabrication artisanale de boîtes en
bois haut de gamme, adaptées à toutes les occasions. Notre société se distingue en
sélectionnant uniquement les essences les plus nobles, réputées pour leur durabilité et leur
beauté naturelle. Chaque boîte est conçue avec une minutie exceptionnelle, accordant une
attention particulière aux moindres détails, afin d'allier fonctionnalité et esthétique. Nos
gravures sont réalisées avec une précision absolue, créant ainsi des designs élégants et
intemporels qui subliment les matériaux utilisés.

Notre vaste gamme de produits comprend des boîtes à bijoux, des boîtes à thé, des boîtes à
cigares, ainsi que des boîtes de rangement, pour répondre à tous les besoins. Chez WoodBox
Créations, nous sommes fiers de proposer des articles personnalisés, parfaitement adaptés
aux préférences et aux exigences de chaque client. Notre engagement envers un service
clientèle de qualité supérieure nous permet de vous offrir une expérience unique et sur
mesure.

En tant que fervents défenseurs de l'environnement, nous sommes fermement engagés à

n'utiliser que des matériaux durables et respectueux de notre planète pour la fabrication de
nos produits. Chez WoodBox Créations, nous croyons en l'alliance de l'artisanat traditionnel
et de l'éco-responsabilité, créant ainsi des boîtes en bois de qualité supérieure qui marient
esthétisme, durabilité et respect de l'environnement.

©Studi Reproduction interdite Page 2 sur 16

WoodBox Créations est confrontée à un défi majeur : son manque d'outils de communication
efficaces. Malgré la qualité exceptionnelle de ses produits, l'entreprise ne dispose d'aucun
support de communication ni d'un site Internet à la hauteur de ses standards. Dans le but de
remédier à cette situation, WoodBox Créations a décidé de faire appel à Studigital, une
agence spécialisée dans la création de contenu, la communication visuelle et le
développement de sites web.

L'entreprise sollicite votre expertise pour répondre à ses divers besoins en communication.
La première étape consistera en une étude approfondie du positionnement de l'entreprise,
de son environnement concurrentiel, ainsi que de son identité visuelle et de sa charte
graphique.

En travaillant en étroite collaboration avec WoodBox Créations, vous serez chargé(e)

d'analyser sa position sur le marché, d'évaluer la concurrence et de définir une stratégie de
communication appropriée. De plus, vous devrez revisiter l'identité visuelle de l'entreprise,
en mettant l'accent sur la création d'un logo distinctif et mémorable, ainsi que sur le
développement d'une charte graphique cohérente.

Une fois ces bases établies, vous serez également responsable de la conception et du
développement d'un site web professionnel pour WoodBox Créations, mettant en valeur ses
produits et son savoir-faire artisanal. Ce site devra offrir une expérience utilisateur optimale,
être intuitif et esthétiquement plaisant, tout en reflétant l'identité de l'entreprise.

En collaborant avec l'équipe de WoodBox Créations, vous jouerez un rôle essentiel dans la
transformation de leur présence en ligne, en établissant une communication percutante qui
mettra en avant leurs produits de qualité supérieure.

Pour cela, elle a découpé la demande en 3 parties :

1. Audit et veille : effectuer un audit approfondi de la marque WoodBox Créations et

réaliser une veille active et créative sur les thématiques clés pour l'entreprise. Ces
recherches vous permettront de déterminer le budget nécessaire et d'établir un
planning prévisionnel détaillé pour garantir la réussite du projet. Vous devrez
également présenter les outils de gestion de projet que vous prévoyez de mettre en

©Studi Reproduction interdite Page 3 sur 16

 place, ainsi que tout autre élément jugé important pour assurer la coordination et la
réalisation efficace de ce projet de design graphique.

2. Logo et charte graphique : vous devez également créer le logo de l'entreprise

WoodBox Créations, qui n'en possède pas actuellement, ainsi qu'élaborer une charte
graphique dédiée. Vous devrez concevoir un logo distinctif qui capture l'essence de la
marque et la représente de manière mémorable. De plus, la création de la charte
graphique impliquera de définir les couleurs, les typographies et les éléments visuels
qui serviront de lignes directrices pour l'ensemble des supports de communication de
l'entreprise. Ces éléments visuels unifiés garantiront une identité visuelle cohérente
et professionnelle pour WoodBox Créations.

3. Site web : en utilisant la charte graphique et les résultats de votre étude, vous serez
chargé(e) de concevoir un site web complet pour WoodBox Créations. Cette tâche
comprendra la création des zonings, des wireframes et du design system, ainsi que la
réalisation des maquettes et prototypes. Une fois les designs approuvés, vous
procéderez à l'intégration du site sur le CMS de votre choix. Pour garantir une
expérience utilisateur optimale, vous devrez également définir les règles
d'accessibilité et de SEO, afin d'assurer une visibilité et un rendu optimal en ligne.
Votre objectif sera de créer un site web adapté aux besoins de l'entreprise, offrant
une navigation intuitive et mettant en valeur les produits et l'identité visuelle de
WoodBox Créations.

Afin de promouvoir le site et lui donner une visibilité maximale, vous serez chargé(e)
de créer plusieurs contenus clés pour WoodBox Créations :
● Une vidéo de présentation des produits de l'entreprise, mettant en valeur leur
qualité et leur esthétique.
● Une datavisualisation attrayante présentant les différentes essences de bois
disponibles, accompagnées de leurs principales caractéristiques.

En plus de ces contenus en ligne, vous devrez également réaliser des supports de
création imprimés pour WoodBox Créations :
● Un dépliant de 4 pages soigneusement conçu, qui présente de manière
attrayante et informative les produits phares de la marque.
● Une affiche au format A4, mettant en avant une offre promotionnelle
spécifique sur l'un des produits de WoodBox Créations.

Ces supports imprimés joueront un rôle essentiel dans la communication de

l'entreprise, en attirant l'attention des clients potentiels et en renforçant la notoriété
de la marque. Votre objectif sera de créer des designs percutants et esthétiquement

©Studi Reproduction interdite Page 4 sur 16

 plaisants, qui transmettront efficacement le message de qualité et d'artisanat de
WoodBox Créations.

Dans un premier temps, WoodBox Créations vous demande de créer un cahier des charges
détaillé, ainsi que de réaliser les premiers audits et éléments de communication graphique
pour sa marque. Il est important de noter que l'entreprise valorise les principes de l'écologie,
de l'artisanat et du travail du bois. Vous devrez prendre en compte ces valeurs lors de la
création de vos visuels, en veillant à ce qu'ils reflètent ces valeurs de manière appropriée. Ce
travail initial sera essentiel pour poser les bases solides du projet et s'assurer que la
communication graphique de WoodBox Créations est alignée avec ses valeurs
fondamentales.

Pour débuter le projet de manière efficace, plusieurs éléments vous sont demandés :

● Reformulation du projet et présentation complète de WoodBox Créations, en évitant

tout copier-coller du sujet initial et en fournissant une description originale et
détaillée de l'entreprise.

● Étude de la concurrence de WoodBox Créations, incluant l'analyse de trois

concurrents directs ou indirects. Cette étude devra présenter les concurrents, mettre
en évidence leurs points forts et leurs points faibles par rapport à WoodBox Créations
à travers un benchmark, un benchmark graphique et un mapping concurrentiel. Une
conclusion synthétisant les principaux enseignements devra clôturer cette étude.

● Création de 2 à 3 proto-personae représentant les futurs clients potentiels de

WoodBox Créations, en décrivant leurs caractéristiques, leurs besoins et leurs
attentes vis-à-vis de l'entreprise.

● Réalisation d'un ou plusieurs moodboards présentant les différentes orientations

artistiques envisagées pour la création de la charte graphique, de l'identité de la
marque et du futur site web de WoodBox Créations.

● Création du logo de l'entreprise et mise en place de la charte graphique de WoodBox

Créations, en définissant les éléments visuels clés tels que les couleurs, les
typographies et les styles graphiques.

● Création des zonings, wireframes et arborescence du futur site web, accompagnée

d'une explication détaillée des outils utilisés pour créer les maquettes et prototypes.
Assurez-vous que le site soit "responsive" en concevant des maquettes adaptées aux

©Studi Reproduction interdite Page 5 sur 16

 appareils mobiles et aux ordinateurs de bureau. Les différentes pages du site doivent
être détaillées dans cette étape.

● Présentation du budget estimé pour la création du site, des outils de communication

et de la charte graphique de WoodBox Créations.

● Présentation d'un planning prévisionnel détaillé pour la réalisation de l'ensemble des

éléments demandés dans le projet.

● Présentation des outils de gestion de projet que vous comptez utiliser pour assurer
une coordination efficace et respecter les délais du projet.

Ces différentes étapes sont essentielles pour poser les bases solides du projet et garantir la
création d'une identité visuelle cohérente, ainsi que d'un site web attrayant et fonctionnel
pour WoodBox Créations.

Exigences pour le logo et la charte graphique : dans le cadre de ce projet, vous devrez
présenter vos recherches préliminaires liées au logo, y compris des croquis et des
explorations de différentes idées. Vous devrez ensuite créer la version finale du logo en
format vectoriel, garantissant une qualité optimale et une adaptabilité à différents supports.
En plus du logo, vous devrez réaliser la charte graphique complète qui servira de référence
pour tous les éléments de communication de WoodBox Créations. Cette charte graphique
comprendra les directives relatives aux couleurs, aux typographies et aux éléments visuels,
assurant ainsi une cohérence visuelle et une identification claire de la marque sur tous les
supports.

Exigences techniques et fonctionnelles pour le site : le site doit contenir différentes pages
permettant de mettre la marque à l’honneur, comprenant :
● Une page d’accueil
● Une page qui présente l’entreprise
● Une page qui présente les produits de la marque
● Une page présentant les essences de bois utilisées et où il sera possible de retrouver
la datavisualisation commandée en étape 2
● Une page contact avec un formulaire de contact
● Ainsi que toute page qui vous semble importante à ajouter

Le site doit être « responsive ».

Les formats doivent être les suivants :

● Format web : 1920 x 1080 px (la hauteur peut être variable)
● Format mobile de 428 x 926 px

©Studi Reproduction interdite Page 6 sur 16

Votre site web devra être conçu en respectant la charte graphique que vous avez
préalablement établie pour le logo de l'entreprise. Il est essentiel de veiller à la cohérence
visuelle entre le site et le logo, en utilisant les mêmes couleurs, typographies et éléments
visuels définis dans la charte graphique. Cela garantira une expérience utilisateur
harmonieuse et renforcera l'identification de la marque WoodBox Créations sur le site web.

LIVRABLES À RÉALISER :

● Synthèse de la demande client au format PDF comprenant :

○ Reformulation du contexte projet
○ Reformulation du besoin client
○ Un benchmark pour situer la marque dans son univers concurrentiel
○ Le budget
○ Un planning prévisionnel, avec les jalons les plus importants
○ Les outils de gestion de projet que vous utiliserez pour mener à bien le projet
de création graphique

● Documents de conception et de réalisation argumentés :

○ 2 fiches proto-personae minimum tirés de votre analyse de la marque
○ Moodboard/ planches tendances inspirationnelles
○ Intentions graphiques et charte graphique de la marque (code couleurs, choix
typographiques et univers visuel, logo et utilisation de celui-ci, mock-up…)
○ Arborescence, wireframes et zonings du site mobile et desktop

● Maquette et prototype de la landing page (fichiers sources) :

○ Vous devez produire le design system de votre site avec tous les éléments
interactifs (boutons, champs, menus…)
○ Figma au format .fig

La marque WoodBox Créations, ayant apprécié votre dossier préparatoire et vos maquettes,
vous demande maintenant de procéder à l'intégration du site web. Votre intégration doit
être "responsive", c'est-à-dire qu'elle doit offrir une expérience de lecture optimale sur tous
les types d'écrans, tels que les ordinateurs, les tablettes et les smartphones. Vous devrez

©Studi Reproduction interdite Page 7 sur 16

vous assurer que le site est optimisé en termes de performance et de chargement, tout en
respectant les normes d'accessibilité en vigueur.

En plus de l'intégration du site, WoodBox Créations vous commande également deux

éléments de communication numérique. Tout d'abord, une vidéo de présentation des
produits de l'entreprise, qui devra être réalisée de manière attractive et informative. Ensuite,
une datavisualisation, mettant en valeur les différentes essences de bois et leurs
caractéristiques principales, de manière visuellement percutante et compréhensible.

Ces éléments de communication numérique viendront renforcer la présence en ligne de

WoodBox Créations et permettront de présenter de manière engageante et accessible les
produits et l'identité de la marque.

Exigences techniques et fonctionnelles pour le site :

● L’intégration doit respecter la maquette mobile et desktop
● L’intégration doit être « responsive »
● Les interactions au sein du site doivent être fonctionnelles
● Les médias doivent être optimisés
● Les performances doivent être optimisées
● Les principaux standards d’accessibilité sont mis en place
● Vous devrez expliquer vos choix de CMS et plugins utilisés pour la réalisation du site.

LIVRABLES À RÉALISER :

● Intégration de la maquette/prototype via le CMS de votre choix (WordPress

recommandé, mais aucune obligation ; vous devez fournir le lien URL)
● Présentation des plugins utilisés

Information pour l’animation :

● Le logo doit être visible
● L’animation doit avoir un CTA dont le texte est : « Boisez vos intérieurs ! »
● Le titre : « WoodBox Créations »
● La vidéo doit durer entre 30″ et 1′ 00″
● Les autres textes et éléments graphiques sont définis par la direction artistique que
vous avez développée pour la marque

Information pour la datavisualisation :

● Présence de photos ou d’éléments illustratifs
● Explication textuelle des différentes essences de bois existantes
● Style graphique en accord avec la DA développée pour le projet
● Utilisation de la charte graphique définie plus tôt dans le dossier

©Studi Reproduction interdite Page 8 sur 16

WoodBox Créations vous demande également de créer différents supports de
communication imprimés pour compléter la mise en place de leur charte graphique et de
leur site web. Les deux supports requis sont les suivants :

● Un dépliant de qualité, composé de 4 pages, qui présente de manière attrayante et

informative les produits phares de WoodBox Créations. Ce dépliant devra être conçu
de manière à captiver l'attention des lecteurs et à mettre en valeur les
caractéristiques uniques des produits proposés.

● Une affiche au format A4, destinée à promouvoir une offre promotionnelle spécifique
sur l'un des produits de WoodBox Créations. Cette affiche devra être accrocheuse,
claire et incitative, incitant les clients potentiels à profiter de cette offre.

Ces supports de communication print joueront un rôle essentiel dans la promotion de

WoodBox Créations, en offrant une visibilité supplémentaire et en renforçant la cohérence
de l'identité visuelle de la marque. Votre mission consistera à concevoir des designs
percutants et esthétiquement plaisants, qui transmettront efficacement les valeurs de
l'entreprise et attireront l'attention de son public cible.

Exigences techniques/fonctionnelles pour le dépliant :

● Format carré : 15 x 15 cm pour une page, donc 30 x 15 cm lorsque le dépliant est
ouvert
● Créer un graphisme conforme à la charte graphique
● Rendu au format PDF
● 5 mm de fond perdu
● Trait de coupe
● Colorimétrie : CMJN
● Description des pages :
○ 1 page de couverture
○ 1 page qui présente l’entreprise
○ 1 page qui présente les produits
○ 1 page contact

©Studi Reproduction interdite Page 9 sur 16

Exigences techniques/fonctionnelles pour l’affiche :
● Format : 21 x 29,7 cm
● Rendu au format PDF
● 5 mm de fond perdu
● Trait de coupe
● Colorimétrie : CMJN
● Créer un graphisme conforme à la charte graphique

©Studi Reproduction interdite Page 10 sur 16

©Studi Reproduction interdite Page 11 sur 16
©Studi Reproduction interdite Page 12 sur 16
©Studi Reproduction interdite Page 13 sur 16
©Studi Reproduction interdite Page 14 sur 16
©Studi Reproduction interdite Page 15 sur 16
L’ensemble des livrables demandés est au format PDF.

Pour certains livrables, il vous est demandé de joindre les fichiers sources :
● Pour les maquettes et les éléments visuels : le fichier .fig
● L’URL du site intégré (sur un PDF)
● Écrans clés de l’animation en .png ou .jpeg
● La vidéo au format mp4 ou gif
● Le logotype en .ai

BLOC 1

LIVRABLES À RÉALISER :

● Synthèse de la demande client au format PDF comprenant :

○ Reformulation du contexte projet
○ Reformulation du besoin client
○ Un benchmark pour situer la marque dans son univers concurrentiel
○ Le budget
○ Un planning prévisionnel, avec les jalons les plus importants
○ Les outils de gestion de projet que vous utiliserez pour mener à bien le projet
de création graphique

● Documents de conception et de réalisation argumentés :

○ 2 fiches proto-personae minimum tirés de votre analyse de la marque
○ Moodboard/ planches tendances inspirationnelles
○ Intentions graphiques et charte graphique de la marque (code couleurs, choix
typographiques et univers visuel, logo et utilisation de celui-ci, mock-up…)

LIVRABLES OPTIONNELS À RÉALISER POUR L’ÉTAPE 1 :

○ Arborescence, wireframes et zonings du site mobile et desktop

● Maquette et prototype de la landing page (fichiers sources) :

○ Vous devez produire le design system de votre site avec tous les éléments
interactifs (boutons, champs, menus…)
○ Figma au format .fig

©Studi Reproduction interdite Page 16 sur 16