Toutrip

CONTEXTE : PROJET BUT 2 MMI DATE : AVRIL 2024 TYPE : Communication, Entreprenariat TOUTRIP Résumé Création d’un concept innovant pour redynamiser l’attractivité touristique de Toulon. TOUTRIP TOUTRIP TOUTRIP TOUTRIP TOUTRIP TOUTRIP TOUTRIP TOUTRIP Le projet Dans le cadre d’un projet universitaire, j’ai contribué à la création de Toutrip, une initiative répondant à un appel d’offres fictif pour revitaliser l’attractivité touristique de Toulon. En effet, la ville souffre d’une image peu valorisante, notamment auprès des jeunes adultes (25-35 ans). Pour relever ce défi, nous avons imaginé Toutrip, un concept innovant combinant une websérie interactive et une application mobile.Chaque épisode présente un lieu emblématique de la ville, tout en impliquant les spectateurs dans une narration interactive où leurs choix influencent le déroulement de l’histoire. Pour structurer notre réponse à l’appel d’offres, nous avons constitué un dossier détaillé comprenant : Une analyse approfondie de l’image touristique actuelle de Toulon, Une bible des lieux remarquables à mettre en avant, Une étude des partenaires potentiels, Un plan d’action détaillé, incluant budget et délais prévisionnels, Une stratégie de communication. Dans ce projet, j’ai contribué à l’élaboration du concept en imaginant une approche originale mêlant interactivité et découverte du territoire. J’ai également conçu les visuels et les démos du projet, ainsi que les maquettes de l’application mobile associée. Enfin, j’ai défini le plan d’actions et le budget prévisionnel. Ce projet m’a offert une vision complète du processus de conception et de structuration d’une réponse professionnelle à un appel d’offres. Apprentissages critiques COMPRENDRE  AC21.01 – Analyser la stratégie de communication ou marketing d’un acteur, d’une organisation au regard d’un secteur ou d’un marché (stratégie, mission, valeurs …) AC21.04 – Identifier et décrire les parcours client à partir d’enquêtes de terrain CONCEVOIR AC22.03 – Co-construire une recommandation stratégique (en structurant un plan d’action) ENTREPRENDRE AC25.02 – Cartographier un écosystème (identification des acteurs, synthèse des propositions de valeur) AC25.05 – Maitriser les codes des productions écrites et orales professionnelles COMPRENDRE  AC21.01 – Analyser la stratégie de communication ou marketing d’un acteur, d’une organisation au regard d’un secteur ou d’un marché (stratégie, mission, valeurs …) AC21.04 – Identifier et décrire les parcours client à partir d’enquêtes de terrain CONCEVOIR AC22.03 – Co-construire une recommandation stratégique (en structurant un plan d’action) ENTREPRENDRE AC25.02 – Cartographier un écosystème (identification des acteurs, synthèse des propositions de valeur) AC25.05 – Maitriser les codes des productions écrites et orales professionnelles Les étapes du projet 1- Analyse, contexte et objectifs Étude de l’image touristique de Toulon et identification des attentes de la cible 25-35 ans. 2- Définition du concept Définition du format de la websérie interactive et des fonctionnalités de l’application mobile. 3- Réponse à l’appel d’offres Rédaction des études de marché, plan d’action, budget prévisionnel et stratégie de communication puis défense du concept devant un jury universitaire Les résultats VOIR LE DOSSIER DE RÉPONSE À L’APPEL D’OFFRES Projet suivant stage 2024

Harrache

CONTEXTE : PROJET BUT 2 MMI DATE : MAI 2024 TYPE : Direction artistique, UX design HARRACHE Résumé Création d’une identité visuelle pour une sauce piquante artisanale sénégalaise. CA HARRACHE CA HARRACHE CA HARRACHE CA HARRACHE CA HARRACHE CA HARRACHE CA HARRACHE CA HARRACHE CA HARRACHE Le projet 🔥 Ça harrache ! 🔥 Durant ma deuxième année de BUT MMI, j’ai plongé tête baissée dans la création d’une identité visuelle qui fait monter la température. L’occasion s’est présentée dans le cadre de la ressource « design d’expérience » où nous avions carte blanche pour concevoir une page produit selon nos envies. Étant une inconditionnelle du piment, j’ai jeté mon dévolu sur le thème « sauce piquante ». Mais je ne me suis pas arrêtée là ! Pour donner encore plus de profondeur à mon travail, j’ai décidé de créer une identité graphique complète pour ma sauce piquante. Cela englobait la création du nom, du logo et de tout l’univers visuel qui l’accompagne. Et mon inspiration ? Je me suis souvenue de mes années passées au Sénégal et j’ai imaginé une sauce artisanale, empreinte de l’esprit et des couleurs de ce magnifique pays. Apprentissages critiques CONCEVOIR  AC22.02 – Produire une recommandation ergonomique à partir des tests utilisateurs (sur système fonctionnel, prototype ou maquette interactive) COMPRENDRE AC21.05 – Cartographier les expériences utilisateur : points de contact, points de fristion et de satisfaction, carte d’empathie EXPRIMER AC23.02 – Définir une iconographie (illustrations, photographies, vidéos) AC23.03 – Créer et décliner une identité visuelle (charte graphique) CONCEVOIR  AC22.02 – Produire une recommandation ergonomique à partir des tests utilisateurs (sur système fonctionnel, prototype ou maquette interactive) COMPRENDRE AC21.05 – Cartographier les expériences utilisateur : points de contact, points de fristion et de satisfaction, carte d’empathie EXPRIMER AC23.02 – Définir une iconographie (illustrations, photographies, vidéos) AC23.03 – Créer et décliner une identité visuelle (charte graphique) Les étapes du projet 1- Déterminer le concept Le processus créatif a démarré par une phase de recherche approfondie, marquée par de nombreux croquis et ébauches. 2- Réaliser la charte graphique J’ai conçu une identité visuelle complète sur Illustrator, où j’ai créé le logo et les éléments graphiques. Ensuite, j’ai utilisé Photoshop pour élaborer des mockups et illustrations qui mettent en valeur la sauce. 3- Le maquettage Pour la conception de la page produit, j’ai utilisé Figma afin de créer une interface intuitive et attrayante, en appliquant les principes de l’UX/UI design. Le résultat Projet suivant mmi lan

Stage 2024

CONTEXTE : STAGE BUT 2 MMI DATE : JANVIER → MARS 2024 TYPE : Design graphique, Développement web, UX design, audiovisuel stage 2024 Résumé Refonte totale du site internet de l’Institution Sainte Marthe Notre Dame et création de supports de communication. Lire l’appréciation de stage Pendant son temps parmi nous, Mme Vergneault a démontré un engagement exceptionnel, des compétences techniques remarquables et une attitude professionnelle exemplaire.Romane a été chargée du développement de notre site internet, une tâche cruciale pour notreétablissement. Elle a pris cette responsabilité avec sérieux et détermination, et les résultats parlent d’eux-mêmes. Grâce à son expertise en programmation et en design web, Romane a réussi à moderniser et à améliorer notre site, le rendant plus convivial et esthétiquement attrayant. Son travail ne se limitait pas seulement à la création du site, mais elle a également fait preuve d’une grande capacité à travailler en équipe. Elle a su collaborer efficacement avec nos membres du personnel pour comprendre leurs besoins spécifiques et intégrer leurs suggestions dans le processus de développement. Sa communication claire et sa volonté de prendre en compte les retours ont grandement facilité la progression du projet.En plus de ses compétences techniques, Romane a également démontré d’excellentes qualités personnelles. Elle est ponctuelle, organisée et capable de gérer efficacement son temps pour respecter les délais. Sa motivation intrinsèque et son désir d’apprendre lui ont permis de surmonter les défis avec brio et de continuer à s’améliorer tout au long de son stage.En résumé, je recommande vivement Romane pour toute opportunité professionnelle future dans le domaine de la création graphique. Elle possède toutes les qualités nécessaires pour réussir, que ce soit en termes de compétences techniques, d’aptitudes relationnelles ou d’attitude professionnelle. Je suis convaincu qu’elle apportera une contribution précieuse à toute équipe qu’elle rejoindra. C. Guichard Pendant son temps parmi nous, Mme Vergneault a démontré un engagement exceptionnel, des compétences techniques remarquables et une attitude professionnelle exemplaire.Romane a été chargée du développement de notre site internet, une tâche cruciale pour notreétablissement. Elle a pris cette responsabilité avec sérieux et détermination, et les résultats parlent d’eux-mêmes. Grâce à son expertise en programmation et en design web, Romane a réussi à moderniser et à améliorer notre site, le rendant plus convivial et esthétiquement attrayant. Son travail ne se limitait pas seulement à la création du site, mais elle a également fait preuve d’une grande capacité à travailler en équipe. Elle a su collaborer efficacement avec nos membres du personnel pour comprendre leurs besoins spécifiques et intégrer leurs suggestions dans le processus de développement. Sa communication claire et sa volonté de prendre en compte les retours ont grandement facilité la progression du projet.En plus de ses compétences techniques, Romane a également démontré d’excellentes qualités personnelles. Elle est ponctuelle, organisée et capable de gérer efficacement son temps pour respecter les délais. Sa motivation intrinsèque et son désir d’apprendre lui ont permis de surmonter les défis avec brio et de continuer à s’améliorer tout au long de son stage.En résumé, je recommande vivement Romane pour toute opportunité professionnelle future dans le domaine de la création graphique. Elle possède toutes les qualités nécessaires pour réussir, que ce soit en termes de compétences techniques, d’aptitudes relationnelles ou d’attitude professionnelle. Je suis convaincu qu’elle apportera une contribution précieuse à toute équipe qu’elle rejoindra. C. Guichard Le projet Au cours de ma deuxième année de BUT MMI à l’IUT de Toulon, j’ai eu l’opportunité d’effectuer un stage au sein de l’institution Sainte Marthe-Notre Dame, du 29 janvier 2024 au 22 mars 2024. Ce stage, d’une durée de huit semaines, s’inscrit dans le cadre de ma formation et a pour objectif de mettre en pratique les connaissances acquises au cours de ma première et deuxième année et de développer mes compétences. Dans le cadre de ce stage, j’ai eu l’occasion de travailler sur un projet de refonte totale du site internet de l’institution Sainte Marthe-Notre Dame. L’ancien site présentait des lacunes importantes en termes d’ergonomie et de design, ce qui rendait nécessaire une refonte complète pour améliorer l’expérience utilisateur et moderniser l’image de l’établissement.Outre cette mission centrale, d’autres tâches connexes ont été définies, notamment l’élaboration d’une identité visuelle, la réalisation de photos et d’une vidéo de présentation de l’institution, ainsi que la création de visites virtuelles. La refonte du site internet impliquait plusieurs étapes clés, depuis l’analyse des besoins et des attentes de l’institution et de ses utilisateurs jusqu’à la conception et la mise en œuvre des nouvelles fonctionnalités. Il s’agissait également de repenser l’architecture du site pour une organisation plus logique et intuitive, ainsi que de moderniser le design pour le rendre plus esthétique et distinctif vis à vis des autres établissements scolaires de la région. Pour la réalisation du site, j’ai opté pour le CMS WordPress en raison de sa flexibilité et de sa facilité d’utilisation pour la maintenance future. En prenant en charge l’ensemble du processus de création du site internet, j’ai pu approfondir mes connaissances et mes compétences dans ce domaine, allant de l’UX/UI design au référencement, en passant par le développement web. De plus, mes compétences en conception graphique ont été mises en avant, notamment dans la création d’une identité visuelle, d’icônes, ou encore d’illustrations, et la manipulation d’outils tels qu’Illustrator et Photoshop. Enfin, j’ai eu l’occasion d’explorer davantage le domaine de la photographie, en réalisant des prises de vues pour enrichir le contenu du site. En somme, ce stage m’a permis de consolider mes compétences, tout en me confrontant à des défis stimulants et en développant ma créativité. Apprentissages critiques DÉVELOPPER AC 24.01-Produire des pages et applications web responsivesAC 24.02-Mettre en place ou développer un back officeAC 24.03-Intégrer, produire et développer des interactions riches et des dispositifs interactifsAC 24.04-Modéliser les traitements d’une application webAC 24.05-Optimiser une application web en termes de référencement et de temps de chargementAC 24.06-Configurer une solution d’hébergement adaptée aux besoin EXPRIMER AC 23.02-définir une iconographieAC 23.03-créer et décliner une identité visuelleAC 23.05-Réaliser, composer et produire une communication plurimédia‍ CONCEVOIRAC 22.01-Co-concevoir un produit ou un service (proposition de valeur fonctionnalités),ACC

MMI LAN

CONTEXTE : PROJET BUT 2 MMI DATE : SEPTEMBRE→DÉCEMBRE 2023 TYPE : Gestion de projet, Direction artistique, Design graphique, Illustration MMI LAN Résumé Organisation d’un événement e-sport rassemblant les étudiants MMI pour une compétition de jeux vidéo. MMI LAN MMI LAN MMI LAN MMI LAN MMI LAN MMI LAN MMI LAN MMI LAN MMI LAN Le projet Le projet MMI LAN, organisé lors d’une SAE de ma deuixème année de BUT MMI, a été conçu pour rassembler les étudiants de la filière MMI, qu’ils soient en première, deuxième ou troisième année, autour d’une compétition de jeux vidéo. Ce projet ambitieux a mobilisé l’ensemble des deuxièmes années des MMI, soit 93 étudiants, et a réuni, le jour de l’événement, 13 équipes de trois joueurs chacune. 🕹️ En tant que référente du pôle création, j’ai joué un rôle central dans la réussite de la MMI LAN. J’étais responsable de coordonner les efforts de 58 membres de l’équipe, chacun apportant ses compétences pour assurer la réussite du projet. Mon rôle consistait à définir les objectifs, à répartir les tâches et à guider le processus de création de bout en bout. Mon implication ne se limitait pas à la coordination. En tant que graphiste, j’ai conçu, avec 7 autres étudiants, la charte graphique de l’événement, veillant à ce qu’elle reflète les valeurs dynamiques et conviviales de la MMI LAN. J’ai également créé divers supports visuels, des affiches promotionnelles aux bannières web, en passant par les supports de communication sur les réseaux sociaux, afin de garantir une promotion efficace auprès de notre public cible. 🎮🎧 Apprentissages critiques CONCEVOIR  AC22.01 – Co-concevoir un produit ou un service (proposition de valeur, fonctionnalités…) AC22.05 – Mettre en place une présence sur les réseaux sociaux EXPRIMER AC23.02 – Définir une iconographie (illustrations, photographies, vidéos) AC23.03 – Créer et décliner une identité visuelle (charte graphique) AC23.04 – Imaginer, écrire et scénariser en vue d’une communication multimédia ou transmédia AC23.05 – Réaliser, composer et produire pour une communication plurimédia ENTREPRENDRE AC25.04 – Collaborer au sein des organisations AC25.05 – Maitriser les codes des productions écrites et orales professionnelles AC25.06 – Prendre en compte les contraintes juridiques CONCEVOIR  AC22.01 – Co-concevoir un produit ou un service (proposition de valeur, fonctionnalités…) AC22.05 – Mettre en place une présence sur les réseaux sociaux EXPRIMER AC23.02 – Définir une iconographie (illustrations, photographies, vidéos) AC23.03 – Créer et décliner une identité visuelle (charte graphique) AC23.04 – Imaginer, écrire et scénariser en vue d’une communication multimédia ou transmédia AC23.05 – Réaliser, composer et produire pour une communication plurimédia ENTREPRENDRE AC25.04 – Collaborer au sein des organisations AC25.05 – Maitriser les codes des productions écrites et orales professionnelles AC25.06 – Prendre en compte les contraintes juridiques Les résultats VOIR LA CHARTE GRAPHIQUE Projet suivant polymer

Polymer

CONTEXTE : PROJET BUT 2 MMI DATE : DÉCEMBRE 2023 TYPE : Communication, Développement web, Animation 3D polymer Résumé Création d’un site communautaire pour sensibiliser à la pollution des océans et promouvoir des solutions. SAUVE LE PACIFIQUE STOP LE PLASTIQUE SAUVE LE PACIFIQUE STOP LE PLASTIQUE SAUVE LE PACIFIQUE STOP LE PLASTIQUE Le projet Dans le cadre de ma deuxième année de BUT MMI, j’ai participé à la conception et au développement de Polymer, un site communautaire dédié à la sensibilisation aux dangers de la pollution plastique dans les océans. L’objectif était d’alerter le public sur les conséquences environnementales et sanitaires de la surconsommation de plastique tout en favorisant un espace d’échange et d’entraide où chacun pouvait partager des alternatives et organiser des actions concrètes, comme des nettoyages citoyens du littoral. J’ai joué un rôle clé dans la création du projet en concevant l’identité visuelle de Polymer et en produisant l’ensemble des contenus graphiques du site. J’ai également développé l’intégralité du site web, y compris un forum interactif permettant aux utilisateurs de partager leurs initiatives et témoignages. En complément, j’ai réalisé une vidéo de datavisualisation en animation 3D, illustrant l’impact des déchets plastiques sur les océans. Cette animation, intégrée au site, m’a permis d’apprendre et de maîtriser les bases de Blender pour la création d’animations 3D. Ce projet m’a offert une approche complète, alliant design, développement web et motion design, tout en intégrant une dimension communautaire et engagée. Blender logo (without text) Apprentissages critiques COMPRENDRE  AC21.03 – Traiter des données avec des outils statistiques pour faciliter leur analyse et leur exploitation AC21.04 – Identifier et décrire les parcours client à partir d’enquêtes de terrain AC21.05 – Cartographier les expériences utilisateur : points de contact, points de fristion et de satisfaction, carte d’empathie CONCEVOIR AC22.01 – Co-concevoir un produit ou un service (proposition de valeur, fonctionnalités…) AC22.02 – Produire une recommandation ergonomique à partir des tests utilisateurs (sur système fonctionnel, prototype ou maquette interactive) AC22.03 – Co-construire une recommandation stratégique (en structurant un plan d’action) EXPRIMER AC23.01 – Produire un écrit journalistique sourcé et documenté AC23.02 – Définir une iconographie (illustrations, photographies, vidéos) AC23.03 – Créer et décliner une identité visuelle (charte graphique) AC23.04 – Imaginer, écrire et scénariser en vue d’une communication multimédia ou transmédia AC23.05 – Réaliser, composer et produire pour une communication plurimédia AC23.06 – Élaborer et produire des animations, des designs sonores, des effets spéciaux, de la visualisation de données ou de la 3D DÉVELOPPER AC24.01 – Produire des pages et applications Web responsives AC24.02 – Mettre en place ou développer un back office AC24.03 – Intégrer, produire ou développer des interactions riches ou des dispositifs interactifs AC24.04 – Modéliser les traitements d’une application Web AC24.05 – Optimiser une application web en termes de référencement et de temps de chargement AC24.06 – Configurer une solution d’hébergement adaptée aux besoins ENTREPRENDRE AC25.01 – Gérer un projet avec une méthode d’amélioration continue par exemple une méthode agile COMPRENDRE  AC21.03 – Traiter des données avec des outils statistiques pour faciliter leur analyse et leur exploitation AC21.04 – Identifier et décrire les parcours client à partir d’enquêtes de terrain AC21.05 – Cartographier les expériences utilisateur : points de contact, points de fristion et de satisfaction, carte d’empathie CONCEVOIR AC22.01 – Co-concevoir un produit ou un service (proposition de valeur, fonctionnalités…) AC22.02 – Produire une recommandation ergonomique à partir des tests utilisateurs (sur système fonctionnel, prototype ou maquette interactive) AC22.03 – Co-construire une recommandation stratégique (en structurant un plan d’action) EXPRIMER AC23.01 – Produire un écrit journalistique sourcé et documenté AC23.02 – Définir une iconographie (illustrations, photographies, vidéos) AC23.03 – Créer et décliner une identité visuelle (charte graphique) AC23.04 – Imaginer, écrire et scénariser en vue d’une communication multimédia ou transmédia AC23.05 – Réaliser, composer et produire pour une communication plurimédia AC23.06 – Élaborer et produire des animations, des designs sonores, des effets spéciaux, de la visualisation de données ou de la 3D DÉVELOPPER AC24.01 – Produire des pages et applications Web responsives AC24.02 – Mettre en place ou développer un back office AC24.03 – Intégrer, produire ou développer des interactions riches ou des dispositifs interactifs AC24.04 – Modéliser les traitements d’une application Web AC24.05 – Optimiser une application web en termes de référencement et de temps de chargement AC24.06 – Configurer une solution d’hébergement adaptée aux besoins ENTREPRENDRE AC25.01 – Gérer un projet avec une méthode d’amélioration continue par exemple une méthode agile Les étapes du projet 1- Recherche de données Collecte d’informations sur la pollution plastique et ses impacts pour structurer le contenu du site. 2- Analyse et objectifs Identification des cibles, des besoins utilisateurs et des axes de sensibilisation pour maximiser l’impact du projet. 3- Conception de l’identité visuelle Création du logo, de la charte graphique et des éléments visuels reflétant l’engagement écologique de Polymer. 4- UX et prototypage Élaboration des parcours utilisateurs puis des maquettes interactives pour assurer une navigation fluide et intuitive. 5- Production des datavisualisations Création d’animations 3D et de supports graphiques pour illustrer l’ampleur de la pollution plastique. 6- Développement du site Développement du site web et mise en place du forum communautaire pour favoriser l’échange et l’action. Les résultats https://youtu.be/wdlf3ejRKvwhttps://www.youtube.com/watch?v=PAm_SH5D7to Projet suivant tintic

Polymer

CONTEXTE : PROJET BUT 2 MMI DATE : DÉCEMBRE 2023 TYPE : Animation 3D polymer Résumé Animation 3D dénonçant l’impact des déchets plastiques dans les océans. SAUVE LE PACIFIQUE STOP LE PLASTIQUE SAUVE LE PACIFIQUE STOP LE PLASTIQUE SAUVE LE PACIFIQUE STOP LE PLASTIQUE Le projet Durant ma deuxième année de BUT MMI, j’ai dû créer une vidéo d’animation 3D illustrant l’impact des déchets plastiques dans les océans. 🌊 Confrontée à l’énormité du problème – 8 millions de tonnes de plastique rejetées chaque année – j’ai voulu rendre cette donnée plus tangible. J’ai choisi de la comparer au poids du Titanic, équivalent à 153 fois celui-ci. 🛥️Mon objectif était de raconter une histoire alarmante en deux temps : d’abord évoquer la quantité titanesque de plastique dans les océans, puis aborder son impact environnemental en soulignant le nombre d’animaux tués chaque année. 🐋 Pour structurer mon animation, j’ai commencé par rechercher des données fiables. Avec ces données en main, j’ai élaboré le script de la vidéo avant de créer un storyboard papier, suivi d’une animatique pour visualiser le déroulement de l’histoire. La concrétisation de cette animation 3D s’est faite sur Blender, où j’ai appris à maîtriser les bases de l’animation 3D. Après le rendu 3D, j’ai utilisé Adobe Premiere Pro pour peaufiner l’animation. J’ai amélioré la colorimétrie, ajouté du motion design et intégré des éléments 2D pour enrichir visuellement mon projet. Blender logo (without text) Les étapes du projet 1- Recherche de données J’ai commencé par une phase de recherche, rassemblant des données fiables sur la pollution plastique dans les océans. 2- Écriture du script et storyboard J’ai écrit le script pour structurer l’animation. J’ai ensuite créé un storyboard suivi d’une animatique pour visualiser chaque étape de la vidéo. 3- Création de la scène 3D J’ai utilisé des modèles téléchargés sur Sketchfab mais j’ai également moi-même modélisé l’environnement sur Blender. 4- Animation 3D J’ai utilisé Blender afin de créer mon animation 3D. 5- Post-production J’ai affiné l’animation dans Premiere Pro en ajustant la colorimétrie et en ajoutant des éléments de motion design avec After effect. Le résultat Projet suivant punkode

tintic

CONTEXTE : STAGE DE BUT 1 DATE : JUIN 2023 TYPE : Illustration tintic Résumé Illustration du livre Ceux qui passent trop de temps sur Tintic. CEUX QUI PASSENT TROP DE TEMPS SUR TINTIC CEUX QUI PASSENT TROP DE TEMPS SUR TINTIC Le projet Pendant un stage d’un mois, j’ai collaboré avec l’auteur Ludivine Bague pour illustrer son livre Ceux qui passent trop de temps sur Tintic, un recueil humoristique qui explore les profils les plus marquants des applications de rencontre. Mon rôle a été de réaliser toutes les illustrations du livre, y compris la couverture, soit une soixantaine de dessins au total. Inspirée par les codes visuels de Tinder et d’autres plateformes, j’ai créé un univers graphique dynamique, mêlant humour et expressivité, pour donner vie aux anecdotes décalées et aux personnages hauts en couleur. Cette collaboration m’a permis de développer un style narratif visuel cohérent, tout en travaillant en étroite synergie avec l’auteur pour traduire fidèlement l’esprit du livre. Apprentissages critiques EXPRIMER  AC13.02 – Produire des pistes graphiques et des planches d’inspiration AC13.03 – Créer, composer et retoucher des visuels ENTREPRENDRE AC15.06 – Interagir au sein des organisations EXPRIMER  AC13.02 – Produire des pistes graphiques et des planches d’inspiration AC13.03 – Créer, composer et retoucher des visuels ENTREPRENDRE AC15.06 – Interagir au sein des organisations Les étapes du projet 1- Moodboard et character design Définition des inspirations visuelles, choix des couleurs et création des character designs principaux. 2- Production des illustrations Réalisation des dessins sur tablette graphique, du croquis à la mise en couleur, pour illustrer les anecdotes du livre. 3- Création de supports promotionnels Conception de visuels destinés à la campagne Ulule pour accompagner le financement et la communication du projet. Le résultat DÉCOUVRIR LE LIVRE Projet suivant portfolio 2023

Portfolio 2023

CONTEXTE : SAE BUT 1 MMI DATE : JUIN 2023 TYPE : Développement web, Design graphique, UX-UI design portfolio but 1 Résumé Développement de mon premier site web portfolio from scratch. PRÉSENCE EN LIGNE PRÉSENCE EN LIGNE PRÉSENCE EN LIGNE PRÉSENCE EN LIGNE Le projet À la fin de ma première année de BUT MMI, j’ai entrepris, dans le cadre d’une SAE, la création de mon site web portfolio. Mon objectif était de concevoir une plateforme qui non seulement présenterait mes réalisations, mais qui serait également une expérience en soi.   Au cœur de ce projet se trouvait la création d’une base de données intégrée, permettant à l’administrateur de gérer facilement les réalisations et les utilisateurs directement depuis le site. J’ai conçu un système d’authentification pour garantir que seuls les utilisateurs validés puissent accéder à l’espace commentaire, favorisant ainsi des interactions constructives et de qualité. Le développement du site s’est fait à partir de zéro, en utilisant HTML, CSS, JavaScript, PHP et SQL. Ces outils m’ont permis de créer des fonctionnalités interactives et dynamiques, telles que des animations en parallaxe et d’autres effets visuels, pour enrichir l’expérience utilisateur. Ce projet m’a permis d’explorer mes compétences en développement web tout en exprimant ma créativité artistique. En y intégrant mon identité visuelle, j’ai pu créer un site web qui reflète non seulement mes réalisations, mais aussi ma personnalité et mes passions.Ce portfolio est bien plus qu’une simple vitrine de mes travaux ; c’est une invitation à découvrir mon univers créatif. file_type_php2 Apprentissages critiques DÉVELOPPER AC 14.01-Exploiter de manière autonome un environnement de développement efficace et productifAC 14.02-Produire des pages web fluides incluant un balisage sémantique efficace et des interactions simplesAC 14.03-Générer des pages web à partir de données structuréesAC 14.04-Mettre en ligne une application web en utilisant une solution d’hébergement standard,AC 14.05-Modéliser les données d’une application web EXPRIMER AC 13.05-Designer une interface web (wireframes) ENTREPRENDRE AC15.05 – Construire une présence en ligne professionnelle (personal branding) (S2) DÉVELOPPER AC 14.01-Exploiter de manière autonome un environnement de développement efficace et productifAC 14.02-Produire des pages web fluides incluant un balisage sémantique efficace et des interactions simplesAC 14.03-Générer des pages web à partir de données structuréesAC 14.04-Mettre en ligne une application web en utilisant une solution d’hébergement standard,AC 14.05-Modéliser les données d’une application web EXPRIMER AC 13.05-Designer une interface web (wireframes) ENTREPRENDRE AC15.05 – Construire une présence en ligne professionnelle (personal branding) (S2) Les étapes du projet 1- Conception initiale Définition des fonctionnalités clefs, création de l’arborescence et élaboration des premières idées de design. 2- Développement de la structure du site Création de l’architecture en HTML, CSS et JavaScript, en intégrant des animations et effets interactifs pour enrichir l’expérience utilisateur. 3- Création de la base de donnée Conception et intégration d’une base de données SQL permettant la gestion des réalisations et des utilisateurs. 4- Développement des fonctionnalités dynamiques Implémentation du système d’authentification, de l’espace commentaire et des interactions dynamiques avec PHP et JavaScript. 5- Intégration de l’identité visuelle Création d’un design personnalisé en accord avec mon univers graphique et avec une mise en page soignée. 6- Mise en ligne et ajustements Déploiement du site, suivi des retours utilisateurs et ajustements finaux pour garantir une expérience optimale. Le résultat Projet suivant cosmic

Cosmic

CONTEXTE : PROJET PERSONNEL DATE : MAI 2023 TYPE : Communication, Illustration Cosmic Résumé Création d’une série d’affiches mettant en scène des personnages cosmiques. COSMIC COSMIC COSMIC COSMIC COSMIC COSMIC COSMIC COSMIC Le projet En première année de mon BUT MMI, j’ai entrepris un projet personnel qui a fusionné mon amour pour l’illustration et mon intérêt pour la communication visuelle. J’ai créé « Cosmic », une série d’affiches mettant en scène des objets célestes humanisés pour promouvoir divers produits et secteurs d’activités. L’idée derrière ce projet était de montrer comment des éléments communs (des corps célestes) peuvent être utilisés pour transmettre des messages variés.Pour donner vie à ce projet, j’ai utilisé Photoshop. J’ai dessiné chaque élément sur ma tablette graphique, partant de zéro pour concevoir des personnages célestes expressifs. J’ai pu appliquer mes connaissances acquises en cours de culture artistique, comme par exemple le concept des couleurs complémentaires, pour créer des compositions visuellement harmonieuses et dynamiques. En somme, ce projet m’a permis de mettre en pratique les compétences acquises au cours de ma première année de BUT MMI tout en explorant ma créativité personnelle. En travaillant sur « Cosmic », j’ai non seulement affiné mes compétences techniques en illustration et en composition graphique, mais j’ai également appris à transmettre des messages à travers des visuels. Apprentissages critiques EXPRIMER  AC13.02 – Produire des pistes graphiques et des planches d’inspiration AC13.03 – Créer, composer et retoucher des visuels EXPRIMER  AC13.02 – Produire des pistes graphiques et des planches d’inspiration AC13.03 – Créer, composer et retoucher des visuels Le résultat Projet suivant audit e-surfshop

Punkode

CONTEXTE : PROJET BUT 1 MMI DATE : JANVIER→JUIN 2023 TYPE : Direction artistique, Design graphique, Gestion de projet, Développement web, Audiovisuel PUNKODE Résumé Punkode est une agence de développement web, créée lors d’un projet durant ma première année en BUT MMI. Son concept ? Bousculer les normes et concevoir des sites web qui se démarquent véritablement. CASSER LES CODES CASSER LES CODES CASSER LES CODES CASSER LES CODES CASSER LES CODES Le projet Ce projet consiste en la création et le déploiement d’une agence fictive de développement web. 👨‍💻 La problématique était de se démarquer dans un environnement concurrentiel en développant une identité hors du commun et en déployant des stratégies de communication novatrices. Notre angle d’attaque était d’utiliser une esthétique punk pour inspirer des méthodes de communication créatives et mémorables. 🤘 Nous avons créé cette agence de A à Z : nom, logo, identité visuelle, réseaux sociaux, site web, etc, et avons dû faire de la communication autour de cette agence. Notre objectif : se démarquer. Nous avons donc déployé une campagne de communication 360 sur les réseaux sociaux (Instagram, Facebook, YouTube), notre site web et à travers des événements.  En choisissant l’identité punk pour nous démarquer, notre positionnement était clairement orienté vers la rupture des codes établis. Notre objectif était de promouvoir la création de sites web originaux, permettant à nos clients de se différencier véritablement sur le marché. Nous avons choisi une orientation punk pour notre agence dans le but de créer quelque chose d’extraordinaire et non conventionnel, apportant ainsi une touche unique au projet. La culture punk, avec son esprit de non-conformité, de créativité et une certaine folie, nous a inspirés. En adoptant cette identité, notre agence a réussi à se démarquer, à attirer l’attention et à incarner l’originalité que nous souhaitions mettre en avant dans le monde du développement web. 🎸👊🏼💥 Punkode était le fruit d’un travail d’équipe au sein duquel j’ai occupé le rôle de chef de projet. Le groupe était constitué de six membres et j’ai eu la responsabilité de diriger et coordonner les différentes phases du projet. En plus de mon rôle de chef de projet, j’ai contribué en tant que graphiste en élaborant l’identité visuelle et le logo de l’agence. De plus, j’ai pris en charge la production vidéo, en créant l’intégralité du contenu pour la chaîne YouTube et en montant le teaser de présentation de l’agence. J’ai également contribué au développement du site web et à la création de posts pour les réseaux sociaux. Apprentissages critiques COMPRENDRE AC11.05 – Identifier les cibles (critères socio-économiques, démographiques, géographiques, culturels …) AC11.06 – Réaliser des entretiens utilisateurs pour construire des personae et des récits utilisateurs (user stories) CONCEVOIR AC 12.01-Concevoir un produit ou un service en terme d’usage et de fonctionnalité,AC 12.02-Construire la proposition d’une valeur d’un produit ou d’un service,AC 12.03-Proposer une recommandation marketing (cibles, objectifs, points de contact)AC 12.04-Proposer une stratégie de communication, EXPRIMERAC 13.01-Écrire pour des médias numériques,AC 13.02-Produire des pistes graphiques et des planches d’inspiration,AC 13.03-Créer, composer, retoucher des visuels,AC 13.04-Tourner et monter une vidéo,AC 13.05-Designer une interface web (wireframes, UI),AC 13.06-Optimiser les médias en fonction de leurs usages et supports de diffusion DÉVELOPPERAC 14.06-Déployer et personnaliser une application Web en utilisant un CMS ou un framework MVC ENTREPRENDREAC 14.06-Déployer et personnaliser une application Web en utilisant un CMS ou un framework MVCAC15.01 – Gérer un projet avec une méthode classiqueAC15.02 – Budgéter un projet et suivre sa rentabilitéAC15.07 – Produire un message écrit ou oral professionnel COMPRENDRE AC11.05 – Identifier les cibles (critères socio-économiques, démographiques, géographiques, culturels …) AC11.06 – Réaliser des entretiens utilisateurs pour construire des personae et des récits utilisateurs (user stories) CONCEVOIR AC 12.01-Concevoir un produit ou un service en terme d’usage et de fonctionnalité,AC 12.02-Construire la proposition d’une valeur d’un produit ou d’un service,AC 12.03-Proposer une recommandation marketing (cibles, objectifs, points de contact)AC 12.04-Proposer une stratégie de communication, EXPRIMERAC 13.01-Écrire pour des médias numériques,AC 13.02-Produire des pistes graphiques et des planches d’inspiration,AC 13.03-Créer, composer, retoucher des visuels,AC 13.04-Tourner et monter une vidéo,AC 13.05-Designer une interface web (wireframes, UI),AC 13.06-Optimiser les médias en fonction de leurs usages et supports de diffusion DÉVELOPPERAC 14.06-Déployer et personnaliser une application Web en utilisant un CMS ou un framework MVC ENTREPRENDREAC 14.06-Déployer et personnaliser une application Web en utilisant un CMS ou un framework MVCAC15.01 – Gérer un projet avec une méthode classiqueAC15.02 – Budgéter un projet et suivre sa rentabilitéAC15.07 – Produire un message écrit ou oral professionnel Les étapes du projet 1- Déterminer le concept J’ai proposé à mon équipe un concept punk pour notre agence, accompagné du slogan « Casser les codes, » afin de créer une identité résolument non conventionnelle et originale. 2- Réaliser la charte graphique J’ai conçu une identité visuelle complète sur Illustrator, où j’ai créé le logo et les éléments graphiques. Ensuite, j’ai utilisé Photoshop pour élaborer des mockups et illustrations qui mettent en valeur l’agence. 3- La création de contenu Nous avons produit divers contenus pour promouvoir l’agence sur plusieurs réseaux sociaux : Instagram, Facebook, YouTube, et LinkedIn. 4- Le développement du site Nous avons développé un site web original sous WordPress, mettant en avant les valeurs fortes de notre agence. 5- L’organisation d’un événement Pour renforcer l’image de l’agence, nous avons organisé un blind test punk/rock/métal qui a réuni une quarantaine de participants, contribuant à promouvoir notre agence. 6- Gagner 3 prix nationaux Nous avons présenté Punkode au festival MMI 2023, où notre projet a été récompensé par trois prix : 1er prix du public, 2ème prix catégorie campagne de communication, et 2ème prix catégorie site web CMS. Les résultats VOIR LA CHARTE GRAPHIQUE Projet suivant Personal Branding