Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Rapport de Projet Licence appliquée en Communication et MultiMedia Création d’u

Rapport de Projet Licence appliquée en Communication et MultiMedia Création d’une agence de communication : Réalisé par : Sondes GHOMMIDH L’année universitaire 2020-2021 Page | 2 Table des matières Introduction générale ........................................................................................................... 6 Chapitre I : Analyse et spécifications des besoins ............................................................... 8 I.Analyse graphique ............................................................................................................ 9 1.Analyse graphique des logos ........................................................................................ 9 2.Analyse graphique de L’Alchimiste studio ................................................................. 10 3.Analyse graphique de Else&Bang ............................................................................... 13 4.Analyse graphique de Pantagram ................................................................................ 17 II.Analyse des besoins ....................................................................................................... 20 1.Identification des acteurs ............................................................................................ 20 2.Les besoins fonctionnels ............................................................................................. 21 3.Les besoins non-fonctionnels ...................................................................................... 21 Chapitre II : Conception .................................................................................................... 22 I.Conception graphique ..................................................................................................... 23 1.Présentation de l’agence ............................................................................................. 23 2.Charte graphique ....................................................................................................... 23 II.Conception du site web ................................................................................................. 29 1.Synopsis du site web .................................................................................................. 29 2.Objectif du site web .................................................................................................... 29 3.Cible du site web ........................................................................................................ 29 4.Schéma de navigation ................................................................................................ 30 5.Scénario maquette ..................................................................................................... 30 Chapitre III : Réalisation et développement ..................................................................... 33 I.Environnement de design ................................................................................................ 34 1.Adobe Photoshop CC 2020 ......................................................................................... 34 Page | 3 2.Adobe Illustrator CC 2020 .......................................................................................... 34 3.Adobe XD .................................................................................................................. 35 I.Environnement de développement ................................................................................. 35 1.WampServer............................................................................................................... 35 2.Wordpress .................................................................................................................. 35 III.Interfaces du site web ................................................................................................... 37 1.Page d’accueil ............................................................................................................ 38 2.Page « A propos » ...................................................................................................... 39 3.Page « Projets» ........................................................................................................... 40 4.Page « Services»......................................................................................................... 41 5.Page « Contact» .......................................................................................................... 42 Conclusion générale ............................................................................................................ 43 Page | 4 Liste des figures Figure 1: Logo de l'Alchimiste .............................................................................................. 10 Figure 2: page Home du site web lalchimiste-studio.com ...................................................... 12 Figure 3 : Page about du site web lalchimiste-studio.com ..................................................... 12 Figure 4: Logo de else&bang ................................................................................................ 14 Figure 5 site web : www.elsebang.com ................................................................................. 15 Figure 6: Page réalisations du site web www.elsebang.com ................................................. 15 Figure 7: Page Contact du site web www.elsebang.com ........................................................ 16 Figure 8: logo de pentagram ................................................................................................. 17 Figure 9 : capture du site Pentagram.com.............................................................................. 19 Figure 10: capture du site Pentagram.com............................................................................. 19 Figure 11: Recherche graphique sur papier ........................................................................... 24 Figure 12 : Recherche graphique sur AI (1) .......................................................................... 25 Figure 13: Recherche graphique sur AI (2) ........................................................................... 26 Figure 14: Logo choisi pour " Fresh Start" ............................................................................ 27 Figure 15 : Palette couleur du logo ....................................................................................... 28 Figure 16: Roue Chromatique ............................................................................................... 28 Figure 17: Schéma de navigation .......................................................................................... 30 Figure 18: Maquette du site web ........................................................................................... 31 Figure 19:logo Adobe photoshop .......................................................................................... 34 Figure 20: Logo Adobe Illustrator......................................................................................... 34 Figure 21:Logo Adobe XD ................................................................................................... 35 Figure 22: Logo de WampServer .......................................................................................... 35 Figure 23: Logo de Wordpress .............................................................................................. 35 Figure 24: Logo du plug-in WPForms .................................................................................. 36 Figure 25 : Logo du Plug-in Elementor ................................................................................. 36 Figure 26: Page d'accueil du site web de Fresh Start ............................................................. 37 Figure 27 : Page " a propos " du site web de Fresh Start ........................................................ 39 Figure 28 : Page "projets"du site web de Fresh Start ............................................................. 40 Figure 29: Page "services" du site web de Fresh Start ........................................................... 41 Figure 30 : Page Contact du site web de Fresh Start .............................................................. 42 Page | 5 Liste des tableaux Tableau 1 Analyse Graphique du Logo "ALCHIMISTE"...................................................... 11 Tableau 2 Analyse Graphique du Site Web de "ALCHIMISTE" ........................................... 13 Tableau 3 Analyse Graphique du Logo de "else&bang" ........................................................ 15 Tableau 4 Analyse Graphique du Site Web de "else&bang" .................................................. 16 Tableau 5 Analyse Graphique du logo de "Pentagram" ......................................................... 18 Tableau 6 Analyse Graphique du site web : Pentagram.com ................................................. 20 Page | 6 Introduction générale « La communication est la transmission et l’échange de faits, d’idées, de sentiments ou d’actions » Leland Brown La communication, selon Leland Brown, est la transmission et l'échange de faits, d'opinions ou d'émotions à travers des mots, des lettres, des symboles, des messages, des photos ou des vidéos. On distingue généralement trois formes de communication : - Communication Interpersonnelle - Communication de groupe - Communication de masse (media) La communication multimédia est le fait d’informer, de communiquer, et d’établir une relation avec quelqu’un ou quelque chose à travers des moyens physiques et / ou numériques (application web, télévision, radio, presse écrite, affichage ou cinéma…). En effet, La stratégie de communication multimédia consiste à déterminer, créer et diffuser un message à une audience cible afin de construire une image de marque, engager un internaute à effectuer une action et influencer une audience etc. Il existe des entités diverses spécialisées dans ce type de communication comme les boites de production, les agences digitales, les agences de communication etc. Pour le cas de l’agence de communication, cette dernière a pour mission d’accompagner des entreprises, des collectivités locales, des associations ou autres dans la mise en place de leurs moyens de communication pour se faire connaître, présenter leurs activités au plus grand nombre, et au final acquérir de nouveaux clients ou atteindre un public particulier. Il y a deux grandes familles d’agences de communication : - Les agences de communication globale : ils s'occupent de tous types de communication interne et externe, prenant en charge le marketing et la publicité. Page | 7 - Les agences de communication expertes : il s’agit d’agences spécialisées dans un ou plusieurs domaines (agence web, agence print, agence média, agence d’évènementiel...). Le nombre d’agences de communication en Tunisie évolue de jour en jour sur le marché de tel façon que la compétition entre ces dernières s'accentue de plus en plus. Parmi les plus fortes agence, on peut citer J. Walter Thompson Tunis, Mindshare, McCann etc. Concernant J. Walter Thompson Tunis, cette agence est considérée comme la meilleure agence de communication. Parmi les grands clients qui leur font confiance on trouve Ooredoo, Syphax Airlines… Quant à Mindshare Tunisie, cette dernière a gagné le plus de prix au Festival of Media MENA 2015 dont le prix "Réseau de l'agence de l'année" et le prix "Campagne de l'année". Dans le cadre de notre formation au sein de l’université centrale, nous sommes amenés au cours de cette année universitaire à réaliser un projet de clôture. Le projet possède comme objectif principal : la conception et la création d’un site web d’une agence de communication. Dans le premier chapitre «Analyse et spécifications des besoins » nous allons commencer par la phase d’analyse graphique des logos et sites web de quelques exemples d’agences. Après, nous allons aborder la phase d’analyse des besoins. Dans cette partie nous allons identifier les acteurs de notre système et les besoins du client qui deviendront ensuite les fonctionnalités de notre application. Puis dans le chapitre qui suit, «Conception » nous illustrons la deuxième étape qui est la phase de conception détaillée. Enfin, le troisième chapitre sera dédié à la réalisation de l’application web où nous allons présenter l’environnement de développement, les outils et langages de programmation utilisés dans notre travail, puis montrer quelques interfaces graphiques de notre application réalisée. Et nous conclurons notre travail par une conclusion générale. Page | 8 CHAPITRE I : ANALYSE ET SPECIFICATIONS DES BESOINS Page | 9 Introduction La phase d'analyse et de spécification est la première étape du processus de développement à adopter. En effet, nous nous intéresserons à l'étude graphique du site et du logos et à en dégager les significations. Par la suite, nous aborderons l’étude de la manière du fonctionnement du site web et ceci en recensant les besoins fonctionnels et les besoins non- fonctionnels. I. Analyse graphique L’analyse graphique repose sur l’observation, la description, la dénotation des caractéristiques formelles, structurelles, matérielles et colorées des formes graphiques et textuelles. La démarche adoptée au cours de cette analyse consiste à étudier le logotype tout comme le site web en tant que tout, voire les formes graphiques, le texte et les couleurs. Cette analyse repose sur la description des signes graphiques et la détermination de leurs significations non subjective et le message envoyé au client. 1. Analyses graphiques des logos 1.1. Définition d’un logo Le logo est l'abréviation du mot logotype. Il se compose généralement d’éléments graphiques (symboles, formes géométriques etc…) ou d’un texte. Il correspond à la représentation et l’identification visuelle d’une marque, d’une entreprise ou d’une association et fait partie de son identité visuelle. Un logo doit être unique et facile à lire. D’autant plus qu’il doit, dans la plupart des cas, évoluer au fil du temps avec l'entreprise ou la marque et ses ambitions. Il existe trois types de logos : les logos symboles, les logos typographiques, et les logos mixtes et on les retrouve sur plusieurs supports médias. Page | 10 2. Analyse graphique de L’Alchimiste studio 2.1. Présentation de l’agence Il s’agit d’une Agence de communication et publicité Tunisienne. Les activités principales de cette agence consistent à fournir des Conseils en communication, Packaging, publicité et marketing. 2.2. Visuel et analyse du logo 2.2.1. Visuel du logo Figure 1: Logo de l'Alchimiste #c67050 Code couleur : R : 198 C : 0% V : 112 M : 90% B : 80 J : 63% N : 0% Page | 11 2.2.2. Analyse du Logo Tableau 1 Analyse Graphique du Logo "ALCHIMISTE" Dénotation Connotation - Logo symbolique. - Le logo est composé de la lettre principale du nom de l’agence « Alchimiste » inscrite uploads/Management/ rapport-pfe-sondesghommidh.pdf