Traces Académiques
Démonstration de l'acquisition de mes compétences en BUT MMI.
Audit site internet Université de Toulon
Lors du premier semestre de mon BUT MMI, j’ai réalisé seul l'<span style="color:#ff5722;font-weight:600;">analyse complète du site internet de l’Université de Toulon</span>. Cette mission consistait à évaluer la plateforme sous plusieurs angles : <span style="color:#ff5722;font-weight:600;">les cibles</span>, <span style="color:#ff5722;font-weight:600;">les performances techniques</span>, <span style="color:#ff5722;font-weight:600;">l'ergonomie</span> et <span style="color:#ff5722;font-weight:600;">les fonctionnalités</span>. Pour mener à bien cet audit en totale autonomie, j'ai utilisé des outils pour mesurer les performances techniques (temps de chargement) ainsi que des outils de vérification des contrastes et de la hiérarchie pour l'accessibilité. Ma réalisation finale comprend un <span style="color:#ff5722;font-weight:600;">diagnostic détaillé</span> s'appuyant sur des guides de bonnes pratiques, ainsi qu'une <span style="color:#ff5722;font-weight:600;">proposition de maquettes</span> (desktop et mobile) pour améliorer l'expérience utilisateur. J'ai ainsi mobilisé l'<span style="color:#2dd4bf;font-weight:600;">AC 11.02</span> en apprenant à évaluer un site web existant selon un guide des bonnes pratiques. <h2 class="text-xl font-bold text-white mt-3 mb-1">Mon avis :</h2> Mon audit est complet et rigoureux, il suit point par point la demande du commanditaire. Ma proposition d’amélioration sous forme de maquette semble pertinente. <h2 class="text-xl font-bold text-white mt-3 mb-1">Les axes d'amélioration : </h2> La maquette mériterait d'être étendue à l'ensemble des pages du site et non limitée à la page d'accueil. Si c’était à refaire, je modifierais ma méthodologie pour inclure une phase de recherche plus large avec : - Une analyse de l'existant d'autres universités en France et à l'international pour comparer. - Retrouver l'ancienne version du site pour identifier les évolutions et les problèmes persistants.
Création d’une agence Audiovisuelle (KONEMO)
Dans le cadre des SAÉ 2.01 et 2.02, j’ai co-créé avec cinq autres camarades l’<span style="color:#ff5722;font-weight:600;">agence fictive KONEMO, spécialisée dans l’audiovisuel</span>. L'objectif était de simuler le lancement d'une agence professionnelle. Pour cela , nous avons conçu KONEMO de A à Z : de<span style="color:#ff5722;font-weight:600;"> la création du nom </span>à la <span style="color:#ff5722;font-weight:600;">réalisation d’un événement de promotion</span>, en passant par l’<span style="color:#ff5722;font-weight:600;">élaboration d’un logo</span>, d’u<span style="color:#ff5722;font-weight:600;">n univers graphique</span>, d’un <span style="color:#ff5722;font-weight:600;">site internet</span> et la <span style="color:#ff5722;font-weight:600;">mise en place d’une campagne de communication</span>. Au sein de l'équipe, mon rôle s'est concentré sur le <span style="color:#ff5722;font-weight:600;">pôle graphique </span>et la rédaction des documents officiels où j'ai travaillé en binôme sur l’univers graphique de KONEMO et les rendus écrits de tous les documents. <h2 class="text-xl font-bold text-white mt-3 mb-1"> Mon avis :</h2> À travers ces SAÉ, j’ai pu développer mes compétences en travail d’équipe, apprendre à concevoir un projet de A à Z et le présenter - <span style="color:#2dd4bf;font-weight:600;">AC 11.01</span> et Réaliser des entretiens utilisateurs pour construire des personae et des récits utilisateurs (user stories) - <span style="color:#2dd4bf;font-weight:600;">AC 11.06</span> . J’ai également appris à construire une proposition de valeur en détaillant les services proposés par KONEMO - <span style="color:#2dd4bf;font-weight:600;">AC 12.02</span> et à mettre en place des fonctionnalités adaptées aux utilisateurs - <span style="color:#2dd4bf;font-weight:600;">AC 12.01</span>. Enfin j’ai appris à gérer un projet avec une méthode classique - <span style="color:#2dd4bf;font-weight:600;">AC 15.01</span>, budgéter un projet et suivre sa rentabilité - <span style="color:#2dd4bf;font-weight:600;">AC 15.02</span> et analyser un produit ou un service innovant en identifiant les propositions de valeurs et en évaluant les solutions proposées - <span style="color:#2dd4bf;font-weight:600;">AC 15.04.</span> <h2 class="text-xl font-bold text-white mt-3 mb-1">Les axes d'amélioration :</h2> Si c’était à refaire, je pense que la mise en place d'une meilleure organisation et une meilleure répartition du travail permettrait d’être plus efficace.
Communication banque en ligne UNIBANK
Dans le cadre de mon BUT, j’ai co-créé en binôme la <span style="color:#ff5722;font-weight:600;">banque en ligne fictive UNIBANK</span>. L’objectif était de concevoir <span style="color:#ff5722;font-weight:600;">une stratégie de communication globale,</span> de l'<span style="color:#ff5722;font-weight:600;">identité visuelle</span> à la <span style="color:#ff5722;font-weight:600;">promotion sur tous les supports</span>. Pour cela, nous avons réalisé des <span style="color:#ff5722;font-weight:600;">affiches publicitaires</span>, une <span style="color:#ff5722;font-weight:600;">vidéo de promotion</span>, une <span style="color:#ff5722;font-weight:600;">vidéo de présentation</span> ainsi que des <span style="color:#ff5722;font-weight:600;">carrousels pour les réseaux sociaux</span>. Grâce à cette SAÉ, j’ai réussi à proposer une <span style="color:#ff5722;font-weight:600;">recommandation marketing complète</span>, définissant les <span style="color:#ff5722;font-weight:600;">cibles</span>, les <span style="color:#ff5722;font-weight:600;">objectifs</span> et les <span style="color:#ff5722;font-weight:600;">points de contact</span> - <span style="color:#2dd4bf;font-weight:600;">AC 12.03</span> et <span style="color:#ff5722;font-weight:600;">optimiser les médias</span> en fonction de leurs usages et supports de diffusion <span style="color:#2dd4bf;font-weight:600;">AC 13.06</span>. <h2 class="text-xl font-bold text-white mt-3 mb-1">Mon avis : </h2> Le résultat final est cohérent et répond à la demande du commanditaire. La déclinaison de l'univers graphique est possible sur des <span style="color:#ff5722;font-weight:600;">supports très variés</span> (vidéo, print, réseaux sociaux) ce qui a permis de <span style="color:#ff5722;font-weight:600;">développer une campagne marketing complète.</span> <h2 class="text-xl font-bold text-white mt-3 mb-1">Les axes d'amélioration :</h2> Améliorer la gestion du temps, afin de ne pas être débordé avant la deadline finale.
Calendrier éditorial de KONEMO
Dans le cadre de mon BUT, j’ai co-créé avec 5 autres camarades l’<span style="color:#ff5722;font-weight:600;">agence audiovisuelle fictive KONEMO</span>. Nous avons ensuite conçu <span style="color:#ff5722;font-weight:600;">une communication complète</span> pour cette agence, incluant des <span style="color:#ff5722;font-weight:600;">affiches publicitaires</span>, un <span style="color:#ff5722;font-weight:600;">teaser</span>, une <span style="color:#ff5722;font-weight:600;">vidéo de présentation</span> ainsi que des <span style="color:#ff5722;font-weight:600;">carrousels pour les réseaux sociaux</span>. Pour assurer l'efficacité de notre communication, nous avons <span style="color:#ff5722;font-weight:600;">déterminé nos cibles</span>, <span style="color:#ff5722;font-weight:600;">choisi un ton</span> et <span style="color:#ff5722;font-weight:600;">élaboré une stratégie de communication</span> à travers la réalisation d’un calendrier éditorial. Ce travail m’a appris à élaborer et proposer une stratégie de communication cohérente - <span style="color:#2dd4bf;font-weight:600;">AC 12.04</span>. <h2 class="text-xl font-bold text-white mt-3 mb-1">Mon avis :</h2> L’agence dispose aujourd’hui d’<span style="color:#ff5722;font-weight:600;">une identité forte</span>. Elle se différencie des autres agences grâce à la mise en place de nombreux <span style="color:#ff5722;font-weight:600;">concepts originaux</span> tels que le jeu de la semaine sur les réseaux sociaux, l’organisation d’un événement de promotion et la création d’un teaser. La mise en place du calendrier éditorial a été cruciale ; elle nous a permis de c<span style="color:#ff5722;font-weight:600;">oordonner la sortie des différents contenus</span> pour maximiser leur impact sur le public cible. <h2 class="text-xl font-bold text-white mt-3 mb-1"> Les axes d'amélioration : </h2> Bien que le calendrier soit très complet, si c’était à refaire, je pense que le développer davantage — en précisant notamment les horaires de publication — nous aurait permis d’affiner nos publications pour encore mieux correspondre aux habitudes de nos cibles.
Calendrier éditorial Linkedin
Dans le cadre de mon BUT, j’ai dû <span style="color:#ff5722;font-weight:600;">développer ma présence en ligne</span>. Pour cela, j’ai mis en place un calendrier éditorial pour m’accompagner dans la réalisation de mes posts sur LinkedIn. Pour concevoir ce calendrier, j’ai d’abord réalisé une <span style="color:#ff5722;font-weight:600;">étude de l’existant</span> en comparant le profil d'un étudiant junior et celui d'un senior dans mon domaine, afin d’<span style="color:#ff5722;font-weight:600;">analyser leurs KPI</span> et leurs publications. J’ai ensuite<span style="color:#ff5722;font-weight:600;"> déterminé un ton</span> pour mes posts et réparti mes futurs contenus par catégories. J’ai également utilisé Swello pour identifier les tendances et les journées spéciales qui pourraient m’inspirer. Enfin, j’ai déterminé une fréquence de publication. J’ai appris à construire une présence en ligne professionnelle (personal branding) - <span style="color:#2dd4bf;font-weight:600;">AC 15.04</span> et produire un message écrit ou oral professionnel - <span style="color:#2dd4bf;font-weight:600;">AC 15.07</span>. <h2 class="text-xl font-bold text-white mt-3 mb-1">Mon avis :</h2> Ma présence sur LinkedIn est désormais <span style="color:#ff5722;font-weight:600;">plus structurée</span> et <span style="color:#ff5722;font-weight:600;">reflète mieux mes compétences</span> en design et audiovisuel. <span style="color:#ff5722;font-weight:600;">Points forts :</span> L'utilisation de Swello et l'étude comparative m'ont permis de comprendre les codes du réseau et de ne pas publier au hasard. <h2 class="text-xl font-bold text-white mt-3 mb-1">Les axes d'amélioration :</h2> Je pourrais encore approfondir le design visuel de mes carrousels pour qu'ils soient instantanément reconnaissables. Si c’était à refaire : J'essaierais d'interagir davantage avec des professionnels du secteur (commentaires, messages privés) dès le lancement du calendrier, pour booster l'algorithme.
Présence en ligne post LinkedIn
Dans le cadre de mon BUT, j’ai dû <span style="color:#ff5722;font-weight:600;">développer ma présence en ligne</span>. Après la création d’un calendrier éditorial, j’ai réalisé une série de posts LinkedIn répartis en plusieurs catégories : - <span style="color:#2dd4bf;font-weight:600;">Tendance</span> - <span style="color:#ff5722;font-weight:600;">Expertise</span> - <span style="color:#2dd4bf;font-weight:600;">Léger</span> - <span style="color:#ff5722;font-weight:600;">Personal Branding</span> Grâce à ce travail, j’ai appris à écrire pour les médias numériques - <span style="color:#2dd4bf;font-weight:600;">AC 13.01</span>. J’ai aussi appris à produire un message écrit ou oral professionnel - <span style="color:#2dd4bf;font-weight:600;">AC 15.07 </span>et construire une présence en ligne professionnelle (personal branding) - <span style="color:#2dd4bf;font-weight:600;">AC 15.05</span>. <h2 class="text-xl font-bold text-white mt-3 mb-1"> Mon avis : </h2> Cet exercice de rédaction a permis d'<span style="color:#ff5722;font-weight:600;">augmenter la visibilité </span>de mon profil et d'<span style="color:#ff5722;font-weight:600;">affirmer mon identité </span>au sein de ce réseau. Le choix d’opter pour du contenu réparti en plusieurs catégories a permis de publier des posts originaux qui ne lassent pas le lecteur. <h2 class="text-xl font-bold text-white mt-3 mb-1">Les axes d'amélioration :</h2> J'expérimenterais des formats d'écriture plus courts et percutants pour voir si cela améliore le taux de lecture. j’optimiserais les "call-to-action" à la fin des posts pour générer davantage de commentaires et d'interactions dès mes premiers posts.
Réalisation d’une affiche pour l’événement KONEMO
Dans le cadre de mon BUT, j’ai dû <span style="color:#ff5722;font-weight:600;">réaliser des affiches pour promouvoir des événements</span>. Ici, l’objectif était de créer une affiche pour promouvoir un événement de l’agence KONEMO sur le thème du citron. Pour cela, j’ai d’abord <span style="color:#ff5722;font-weight:600;">réalisé une note d’intention </span>pour lister tous les éléments qui devaient être nécessairement présents sur l’affiche. J’ai ensuite <span style="color:#ff5722;font-weight:600;">dessiné un croquis pour choisir quelle règle (axes/tiers)</span> j’allais utiliser et comment <span style="color:#ff5722;font-weight:600;">disposer les informations</span> les plus importantes sur l’affiche. Enfin, je suis passé sur Affinity pour réaliser l’affiche finale. Lors de ce travail, j’ai appris à créer, composer et retoucher des visuels - <span style="color:#2dd4bf;font-weight:600;">AC 13.03</span>. <h2 class="text-xl font-bold text-white mt-3 mb-1"> Mon avis :</h2> L'affiche finale est <span style="color:#ff5722;font-weight:600;">équilibrée</span> et le message est <span style="color:#ff5722;font-weight:600;">immédiatement compréhensible</span> grâce à une <span style="color:#ff5722;font-weight:600;">hiérarchie visuelle claire</span>. Le passage par le croquis papier a permis d'<span style="color:#ff5722;font-weight:600;">assurer une bonne composition</span> avant même d'ouvrir les logiciels et de gagner du temps sur la réalisation finale <h2 class="text-xl font-bold text-white mt-3 mb-1">Les axes d'amélioration :</h2> Je pourrais retravailler l'intégration de certains éléments pour rendre l’affiche plus impactante. Je proposerais plusieurs variantes de couleurs (pour tester laquelle attire le plus l'œil selon le support (print ou numérique).
Création de mon portfolio
Dans le cadre de ma première année de BUT MMI, j’ai <span style="color:#ff5722;font-weight:600;">réalisé mon portfolio académique et professionnel</span>. L’objectif était de prouver la validation des compétences du diplôme tout en <span style="color:#ff5722;font-weight:600;">mettant en avant mes réalisations personnelles et académiques</span> pour montrer ma progression. Ma démarche a suivi ce processus : - J'ai d'abord conçu un tableau de bord structurant chaque "trace" (projet) en fonction des compétences et des apprentissages critiques (AC). - J'ai codé le site en respectant un cahier des charges précis, en veillant à la sémantique du balisage et à la fluidité de la navigation. - J'ai enfin géré l'hébergement du site pour le rendre accessible en ligne. Ce projet m'a permis de mobiliser un large panel d’apprentissages critiques, notamment l'<span style="color:#2dd4bf;font-weight:600;">AC 14.01, 14.02, 14.03, 14.04, 14.05 et 15.03. </span> <h2 class="text-xl font-bold text-white mt-3 mb-1">Mon avis :</h2> Ce portfolio constitue aujourd'hui ma vitrine professionnelle et le reflet de mon évolution technique. Le reste de mon avis sera rédigé une fois mon portfolio finalisé <h2 class="text-xl font-bold text-white mt-3 mb-1">Les axes d'amélioration :</h2> En attente du portfolio finalisé
Figma agence KONEMO
Dans le cadre de mon BUT MMI (Semestre 2), j’ai co-créé avec une équipe de cinq camarades une agence audiovisuelle fictive. L’une des missions principales consistait à <span style="color:#ff5722;font-weight:600;">concevoir et réaliser le site internet de l'agence à l’aide du CMS WordPres</span>s. Notre démarche a privilégié une approche <span style="color:#ff5722;font-weight:600;">centrée sur l'utilisateur</span> : 1. <span style="color:#ff5722;font-weight:600;">Maquettage papier :</span> Nous avons d'abord créé l'interface sur papier pour structurer rapidement l'information et tester l'agencement des éléments. 2. <span style="color:#ff5722;font-weight:600;">Prototypage sur Figma :</span> Nous avons ensuite transposé et amélioré ces croquis sur Figma. Cette étape a permis d'affiner l'Interface Utilisateur (UI) et de simuler l'Expérience Utilisateur (UX) afin de garantir une navigation fluide, intuitive et moderne. Ce projet m’a permis d’apprendre comment <span style="color:#ff5722;font-weight:600;">designer une interface web (wireframes, UI)</span> - <span style="color:#2dd4bf;font-weight:600;">AC13.05</span> <h2 class="text-xl font-bold text-white mt-3 mb-1">Mon avis :</h2> Le figma est cohérent et propose un experience sobre et clair à l'utilisateur. <h2 class="text-xl font-bold text-white mt-3 mb-1">Les axes d'amélioration :</h2> Si c'était à refaire, je pense qu'il faudrait faire une veille sur les plugins à utiliser sur WordPress et leurs contraintes, pour mieux intégrer notre site entre Figma et le site final.
Projet Brigitte sur WordPress
Dans le cadre de mon BUT MMI (Semestre 2), j’ai dû <span style="color:#ff5722;font-weight:600;">reproduire une maquette Figma pour en faire un véritable site à l’aide du CMS WordPress</span>. L’objectif était d’apprendre à utiliser WordPress avec un <span style="color:#ff5722;font-weight:600;">cas concret</span>. Pour cela, j’ai utilisé Elementor, appris à créer des éléments enfants, à installer des plugins, à mettre à jour des extensions et à comprendre le fonctionnement général de WordPress. Ce projet m’a permis d’apprendre à déployer et personnaliser une application Web en utilisant un CMS ou un framework MVC - <span style="color:#2dd4bf;font-weight:600;">AC 14.06 </span>. <h2 class="text-xl font-bold text-white mt-3 mb-1">Mon avis :</h2> Je pense avoir réussi cet exercice bien que la gestion du temps ait été difficile et la prise en main de WordPress difficile au premier abord. <h2 class="text-xl font-bold text-white mt-3 mb-1">Les axes d'amélioration :</h2> Mieux s’organiser et lister les différentes étapes du projet en amont pour estimer leurs durées.
Audit de la banque en ligne SUMERIA
Dans le cadre de mon BUT MMI au cours du premier semestre, j'ai réalisé l'audit de communication de la banque en ligne Sumeria. Lien vers le projet complet : https://drive.google.com/file/d/157bjARWGjXqLf5qnpA8kBc1QHHp3txzW/view?usp=sharing Ce projet, mené seul, avait pour but de comprendre comment une marque positionne son identité sur un marché concurrentiel. Pour mener à bien cette mission, j’ai analysé les cibles, les promesses, le message et le ton éditorial. Ma démarche a inclus une analyse des affiches publicitaires, une veille sur les réseaux sociaux et une étude des avis clients pour mesurer la perception de la marque. J'ai conclu ce travail par la réalisation de la matrice SWOT. Mon avis Cet audit m'a permis de comprendre l'importance de la cohérence entre le message visuel et le ton employé. L’ajout de nombreux visuels a permis de bien illustrer l’audit et de mieux le détailler. Les recherches sur les nombreux supports (affiches, réseaux sociaux et site) ont permis d’obtenir un audit plutôt complet, mais l'analyse des KPI aurait pu être plus approfondie si j'avais eu accès à des données plus précises. Les axes d'amélioration : Si c'était à refaire, j'intégrerais un questionnaire pour confronter mon analyse théorique des cibles avec la réalité des utilisateurs. J'aurais pu, par exemple, réaliser un sondage auprès des étudiants du BUT pour savoir qui connaît la marque et ce qu'ils en pensent.