La fabrique d’agnès

CONTEXTE : PROJET PERSONNEL DATE : JUILLET 2024 TYPE : Direction artistique, Design graphique, Développement web LA FABRIQUE D’AGNÈS Résumé Création d’une identité visuelle pour un artisan tapissier, incluant logo, supports de communication et site web. LA FABRIQUE D’AGNÈS LA FABRIQUE D’AGNÈS LA FABRIQUE D’AGNÈS LA FABRIQUE D’AGNÈS LA FABRIQUE D’AGNÈS Le projet Pour ce projet, j’ai eu l’opportunité de créer l’identité visuelle complète de La Fabrique d’Agnès, un artisan tapissier souhaitant augmenter sa visibilité, tant en ligne que dans son magasin. Le défi était de concevoir une identité artistique mais épurée et élégante, tout en conservant une touche d’originalité. Après plusieurs échanges avec le client, j’ai proposé un univers graphique inspiré du mouvement Bauhaus et des œuvres de Mondrian. Ce style a servi de base pour la conception du logo, des affiches, et des cartes de visite. J’ai également réalisé la refonte complète du site internet, pour refléter cette nouvelle identité visuelle. Les étapes du projet 1- Analyse des besoins Après des discussions approfondies avec La Fabrique d’Agnès, j’ai défini les objectifs : augmenter la visibilité en magasin et en ligne, tout en créant une identité visuelle originale mais épurée. 2- Conception de la charte graphique J’ai réalisé une charte graphique en reprenant les formes géométriques et les couleurs du Bauhaus et de Mondrian et en m’inspirant de la sobriété du courant artistique fonctionnaliste. 3- Création des supports de communication J’ai réalisé des affiches et des cartes de visite en appliquant l’univers graphique défini, en veillant à une cohérence visuelle forte pour renforcer l’identité de la marque. J’ai également fait une refonte complète du site web. Les résultats Projet suivant UFOOD

UFOOD

CONTEXTE : PROJET BUT 2 MMI DATE : MAI 2024 TYPE : Design graphique, UX design UFOOD Résumé Conception d’un site de restauration extraterrestre avec une expérience utilisateur immersive. UFOOD UFOOD UFOOD UFOOD UFOOD UFOOD UFOOD UFOOD UFOOD Le projet UFOOD est un projet que j’ai réalisé lors de ma deuxième année de BUT MMI, dans le cadre de mes cours de design d’expérience. Le défi consistait à concevoir la maquette d’un site de restauration, avec un thème libre. En cherchant une idée originale, j’ai pensé : « Pourquoi pas un restaurant extraterrestre ? » C’est ainsi qu’est né UFOOD. 👽 ✨ L’objectif principal était de créer une expérience utilisateur immersive, visant à maximiser le taux de conversion tout en augmentant la satisfaction des clients. Loin de se limiter à un exercice technique, UFOOD a été l’occasion d’explorer tous les aspects de la création d’une expérience utilisateur engageante et d’un univers visuel unique. Le concept n’était pas seulement de proposer une maquette fonctionnelle, mais de raconter une histoire et de transporter les visiteurs dans un monde intergalactique où commander un repas devient une aventure immersive. Ce projet a mis en lumière plusieurs de mes compétences clefs : 👽L’UX Design, avec une attention particulière portée au parcours utilisateur pour maximiser le taux de conversion et garantir une navigation fluide et intuitive. 👽L’UI Design, où chaque élément graphique a été pensé pour refléter l’univers extraterrestre. 👽La création d’une identité de marque apportant cohérence et personnalité à la marque UFOOD. Le projet a remporté le 1er prix dans la catégorie UX et parcours utilisateur au Festival MMI 2024. Apprentissages critiques COMPRENDRE  AC21.05 – Cartographier les expériences utilisateur : points de contact, points de friction et de satisfaction, carte d’empathie AC21.04 – Identifier et décrire les parcours client à partir d’enquêtes de terrain CONCEVOIR AC22.02 – Produire une recommandation ergonomique à partir des tests utilisateurs (sur système fonctionnel, prototype ou maquette interactive) EXPRIMER Définir une iconographie (illustrations, photographies, vidéos) AC23.03 – Créer et décliner une identité visuelle (charte graphique) COMPRENDRE  AC21.05 – Cartographier les expériences utilisateur : points de contact, points de friction et de satisfaction, carte d’empathie AC21.04 – Identifier et décrire les parcours client à partir d’enquêtes de terrain CONCEVOIR AC22.02 – Produire une recommandation ergonomique à partir des tests utilisateurs (sur système fonctionnel, prototype ou maquette interactive) EXPRIMER 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- Concept et analyse de la cible Le projet a débuté par une phase de recherche pour identifier un concept original : un restaurant extraterrestre. J’ai ensuite analysé la cible en élaborant des personas, afin de définir une stratégie UX adaptée. 2- Création des parcours utilisateur À partir des personas, j’ai conçu le userflow, en mettant en évidence les étapes critiques et les points de friction dans le parcours utilisateur, pour garantir une navigation fluide et intuitive. 3- Le maquettage J’ai réalisé la maquette complète du site sur Figma en tenant compte des principes UX/UI et en concevant au passage l’intégralité des éléments graphiques de celle-ci. Le résultat Projet suivant harrache

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. STAGE STAGE STAGE STAGE STAGE STAGE STAGE STAGE STAGE 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 22.04-Optimiser le référencement d’un site web/produit/serviceAC 22.02-Produire une recommandation ergonomique à partir des tests utilisateurs COMPRENDRE AC21.02 – Auditer un site web, une marque ou un service, en termes de trafic et de référencement ENTREPRENDRE AC25.03 – Initier la constitution d’un réseau professionnel 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 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 22.04-Optimiser le référencement d’un site web/produit/serviceAC 22.02-Produire une recommandation ergonomique à partir des tests utilisateurs COMPRENDRE AC21.02 – Auditer un site web, une marque ou un service, en termes de trafic et de référencement ENTREPRENDRE AC25.03 – Initier la constitution d’un réseau professionnel 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 étapes du projet 1- Élaboration du cahier des charges Recueil des besoins et attentes des utilisateurs et définition des objectifs du site. 2- Audit et analyse de la concurrence Étude des sites d’établissements similaires et analyse des forces et faiblesses du site existant (référencement, ergonomie, etc). 3- Analyse et conception UX/UI Définition de l’arborescence, des parcours utilisateurs et création des wireframes. 4- Définition de l’identité visuelle Création de la charte graphique et intégration de cette dernière à la maquette du site pour assurer une cohérence visuelle. 5- Production des contenus Rédaction des textes et conception des éléments visuels (photos, vidéos, illustrations) pour enrichir le site. 6- Développement et intégration Mise en place du CMS, intégration des contenus et développement des fonctionnalités du site. 7- Optimisation SEO et tests Vérification de l’accessibilité, du référencement et réalisation de tests utilisateurs pour ajuster l’ergonomie. 8- Lancement et formation Mise en ligne du site et formation des équipes à son administration et sa mise à jour. Les résultats ACCÉDER AU SITE Projet suivant polymer