Peanut’s Coffee

Peanut’s Coffe – Site web Projet Freelance Dans le cadre de ma micro entreprise, j’ai réalisé un site vitrine pour le café-restaurant Peanut’s Coffee visant à promouvoir leur activité. Description Peanut’s Coffee est un café-restaurant chaleureux situé à Chanteloup-en-Brie, fondé par les créateurs du Marché du Plessis. Pensé comme un lieu convivial et moderne, il propose des boissons artisanales, des pâtisseries maison, une petite restauration ainsi que des espaces à privatiser avec vue sur la cueillette. Le site vitrine a été conçu pour refléter l’univers graphique du lieu, faciliter la découverte de la carte, permettre la prise de contact et valoriser l’identité locale à travers une expérience simple, esthétique et responsive. Mon travail s’est articulé en plusieurs étapes : Échange et cadrage du besoin avec les gérants pour bien comprendre l’image à transmettre. Création d’une maquette sur Figma, pensée pour être responsive et intuitive, validée par les clients. Développement du site sur WordPress avec Elementor, en respectant la charte graphique et les besoins spécifiques du lieu (privatisation, actualisation de la carte, mise en avant du feed Instagram, etc.). Optimisation du référencement (SEO) pour assurer une bonne visibilité locale sur les moteurs de recherche. Mise en place de solutions faciles d’utilisation pour que les gérants puissent, à terme, modifier les contenus comme les menus. Ce site permet de renforcer l’image du Peanut’s Coffee tout en offrant une vitrine claire, engageante et évolutive. Outils Compétences Entreprendre Développer Concevoir Conclusion Le site Peanut’s Coffee incarne l’ambiance unique du lieu tout en offrant aux visiteurs un accès rapide aux informations clés : menu, horaires, localisation, et privatisation. Pensé pour évoluer, il permettra aux gérants de gérer leur présence en ligne de façon autonome. Grâce à une stratégie de référencement optimisée, le site contribuera activement à renforcer la visibilité du café-restaurant à Chanteloup-en-Brie et à fidéliser une clientèle locale curieuse et gourmande. APPRENTISSAGES CRITIQUES Version académique Exploiter de manière autonome un environnement de développement efficace et productif   Produire des pages Web fluides incluant un balisage sémantique efficace et des interactions simples   Mettre en ligne une application Web en utilisant une solution d’hébergement standard   Déployer et personnaliser une application Web en utilisant un CMS ou un framework MVC (S2) Retour Projet suivant

IMBE

IMBE Stage de 3ème année Lors de mon stage de 3ème année à l’IMBE, j’ai réalisé les maquette de l’application ExoBees, une application a but scientifique. permettant de recenser les abeilles exotiques à travers le monde. J’ai ainsi réalisé un travail d’UX/UI design en pensant de A à Z l’aspect visuel de l’application, mais aussi le parcours utilisateur. Description Dans le cadre du projet ExoBees, porté par l’IMBE, j’ai été chargée de concevoir l’identité visuelle ainsi que l’interface de l’application web destinée aux utilisateurs. Mon travail a consisté à créer une maquette complète de l’interface utilisateur, en prenant en compte l’ergonomie, l’accessibilité et la clarté des informations scientifiques à transmettre. J’ai également produit différents supports de communication autour du projet (flyers, éléments graphiques), et réfléchi à des modèles réutilisables pour les membres de l’équipe. Ce projet m’a permis de mobiliser mes compétences en UX/UI design, tout en collaborant avec des chercheurs et des développeurs pour adapter au mieux mes propositions aux besoins concrets du terrain. Outils Compétences UX/UI Design Graphisme Conclusion Travailler sur ExoBees a été une expérience riche, à la croisée entre écologie, technologie et design. Ce projet m’a permis de concevoir des supports concrets pour une cause environnementale forte, tout en prenant en compte les contraintes spécifiques liées à la communication scientifique et à l’accessibilité grand public. Ce fut aussi l’occasion de collaborer avec des chercheurs et de comprendre les enjeux de vulgarisation et de transmission d’information dans un cadre réel. ExoBees illustre parfaitement comment le design et le numérique peuvent soutenir des initiatives scientifiques citoyennes. APPRENTISSAGES CRITIQUES Version académique Maîtriser la qualité en projet Web ou multimédia   Défendre un projet de manière convaincante   Interagir au sein des organisations   Prendre en compte les contraintes juridiques Retour Projet suivant

Daily Burger

Daily Burger 2024 – 2ème année BUT MMI Au cours de la 2ème année de mon BUT MMI, dans le cadre d’une ressource, j’ai travaillé sur la création d’un site e-commerce d’un fast-food fictif appelé « Daily Burger ». Le but de ce travail était de réaliser, sur Figma un site en mettant l’accent sur le parcours utilisateur. Ce projet a été réalisé en groupe, avec Louna Deschamps, Mathis Zomini et Jeremy Noyet où nous avions tous le rôle de UX designer. Description Ce projet a été pratiquement principalement réalisé sur Figma. Nous étions libres de choisir le type de fast-food a développé et nous avons donc choisi de créer une enseigne de burger appelé « Daily Burger ». Le travail a commencé par la création d’une identité visuelle, allant de la création d’un logo jusqu’au choix des couleurs et en passant même par la création d’une mascotte. Nous avons créé un univers dynamique et attrayant, avec beaucoup de couleurs. Pour cette partie, nous avons utilisé Illustrator et Photoshop pour la création de visuels. Une fois cela développé, nous avions des pages précises à créer : page d’accueil, page de menu, page contact, page de paiement… Chaque personne du groupe, c’est donc occupé de pages précises. J’ai moi-même travaillé sur les pages de paiement et des menus. Outils Compétences UX/UI design Graphisme Conclusion Ce projet m’aura ainsi permis de découvrir toutes les fonctionnalités de Figma et d’apprendre à l’utiliser de manière plus efficace. Il aura nécessité une bonne organisation au sein de l’équipe au vu du grand nombre de pages à réaliser. J’ai particulièrement apprécié ce projet dans lequel nous avions une grande liberté, mais tout même avec des contraintes. Ce qui m’a permis de réaliser des choses que je n’avais jamais fait auparavant, mais à l’image de mon groupe. APPRENTISSAGES CRITIQUES Version académique  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.02 – Auditer un site web, une marque ou un service, en termes de trafic et de référencement 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 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) AC23.02 – Définir une iconographie (illustrations, photographies, vidéos) AC23.03 – Créer et décliner une identité visuelle (charte graphique) Retour Projet suivant

Portfolio 3ème année

Portfolio 3ème 2025 – 3ème année BUT MMI Dans le cadre de ma 3ème année de BUT MMI, j’ai créé un portfolio personnel regroupant les projets que j’ai réalisé au cours de ces trois dernières années. Ce portfolio, réalisé en fin de BUT, a pour but de montrer les capacités que j’ai pu développer tout au long de cette formation. Description Ce portfolio a été développé entièrement sur WordPress. J’ai pu mettre en action toutes mes connaissances que j’ai accumulées en intégration web au cours de ces 3 dernières années. En amont du travail d’intégration, j’ai élaboré une identité visuelle à mon image. Il était important pour moi de créer un portfolio moderne et intuitif, mais surtout me ressemblant. C’est donc pour cette raison que j’ai fait des choix précis comme utilisés un langage courant sur le ton de l’humour, mais aussi des couleurs vives contrastant avec le noir du site. J’ai ensuite imaginé l’aspect de mon site web sur Figma, ce qui m’a permis de créer les maquettes complète et surtout de penser efficacement le parcours utilisateur pour être sûr que le cheminement à travers le site soit intuitif. Outils Compétences UX/UI design Intégration web Graphisme Conclusion En résumé, ce projet universitaire m’a demandé de mettre en application de nombreuses compétences MMI comme le design graphique, l’UX design ainsi que l’intégration et le développement web. Chaque aspect de ce portfolio a été méticuleusement pensé pour garantir un aspect visuel me ressemblant et une expérience utilisateur optimale. Ce projet met bien en valeur mon évolution au cours de ma formation BUT MMI. APPRENTISSAGES CRITIQUES Version académique  AC33.01 – Adopter et justifier une démarche originale et personnelle dans ses productions AC33.03 – Maitriser les étapes de production d’un projet multimédia AC33.05 – Apprehender les enjeux liés à la direction artistique AC35.02 – Maîtriser la qualité en projet Web ou multimédia Retour Projet suivant

Tom et Lola

Tom et Lola 2023 – 2ème année de BUT MMI Lors de ma 2ème année de BUT MMI, dans le cadre d’une Situation d’Apprentissage et d’Évaluation (SAE), j’ai collaboré avec Louna Deschamps sur la création d’un site pour la série « Tom et Lola ». L’objectif était de réaliser une plateforme permettant aux fans et aux personnes intéressées de se renseigner sur la série, tout en proposant une partie e-shop pour la vente d’objets personnalisés. https://www.morganetoussaint.fr/wp-content/uploads/2025/03/Enregistrement-de-lecran-2025-03-06-a-23.32.23.mov Description Pour répondre à la demande du commanditaire, nous avons créé un site et proposé une identité visuelle en adéquation avec l’univers de la série. Nous avons utilisé Figma pour concevoir les maquettes du site, ainsi que Photoshop et Illustrator pour la création des visuels. Louna Deschamps s’est principalement occupée de la création de l’identité visuelle, bien que j’y aie également contribué. Mon rôle s’est principalement concentré sur l’intégration web du projet. J’ai utilisé le CMS WordPress pour intégrer le site, en reproduisant fidèlement les maquettes créées sur Figma. J’ai intégré des parties de code dans le CMS afin de personnaliser entièrement notre site, contournant ainsi les limites imposées par WordPress. Outils Compétences UX/UI design Intégration web Communication Conclusion En conclusion, ce projet m’a permis de développer mes compétences sur WordPress et d’apprendre à surmonter les contraintes des CMS. Il a également renforcé ma capacité à travailler en équipe et à gérer des projets web complets. APPRENTISSAGES CRITIQUES Version académique  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) AC22.05 – Mettre en place une présence sur les réseaux sociaux AC24.01 – Produire des pages et applications Web responsives AC25.06 – Prendre en compte les contraintes juridiques Retour Projet suivant

Les secrets du Las

Les secrets du Las Version académique – 2ème année de BUT MMI Pendant ma 3ème année de BUT MMI, dans le cadre d’une SAE, j’ai participé au projet « Les Secrets du Las ». Ce projet, réalisé au cours de ma formation, avait pour objectif de Proposer au museum d’histoire naturelle du Las un projet interactif innovant permettant aux visiteurs du jardin du musée de participer à une activité pendant la période de travaux prévu au musée en septembre 2025. https://www.morganetoussaint.fr/wp-content/uploads/2025/03/page1.mov Description Lors de ce projet, j’ai pu mettre en pratique toutes mes connaissances acquises en analyse de données et en gestion de projet au cours de ces trois dernières années. Pour ce faire, j’ai utilisé plusieurs logiciels : Genially pour créer des présentations interactives, Figma pour concevoir les maquettes et organiser le parcours utilisateur, Illustrator pour le design graphique, et Photoshop pour le traitement des images. En amont du travail d’analyse, j’ai contribué à la définition de la problématique et à l’élaboration des études de cas. Il était crucial pour moi de créer un projet structuré et pertinent, reflétant les capacités du LAS. C’est pour cette raison que j’ai fait des choix précis, comme l’utilisation de jeux de données variés et la mise en place de méthodologies rigoureuses. J’ai également participé à la rédaction des rapports d’analyse, en veillant à ce que les résultats soient clairs et accessibles. Outils Compétences Graphisme Intégration web UX/UI design Conclusion En résumé, ce projet universitaire m’a demandé de mobiliser de nombreuses compétences MMI, telles que l’analyse de données, la rédaction scientifique, et le travail collaboratif. Chaque aspect de ce projet a été soigneusement pensé pour garantir une analyse rigoureuse et des résultats exploitables. « Les Secrets du LAS » met bien en valeur mon évolution au cours de ma formation BUT MMI, notamment dans le domaine de l’analyse statistique et de la gestion de projet, tout en démontrant ma maîtrise de divers outils logiciels. APPRENTISSAGES CRITIQUES Version académique AC11.05 – Identifier les cibles (critères socio-économiques, démographiques, géographiques, culturels …) AC12.01 – Concevoir un produit ou un service en terme d’usage et de fonctionnalité (S2) AC12.02 – Construire la proposition de valeur d’un produit ou d’un service (S2) AC23.02 – Définir une iconographie (illustrations, photographies, vidéos) AC33.02 – Concevoir un design system et en produire les éléments visuels, graphiques ou sonores AC33.03 – Maitriser les étapes de production d’un projet multimédia AC33.04 – Produire les éléments pour une expérience sophistiquée (notamment immersive, en réalité virtuelle, augmentée…)  AC33.05 – Apprehender les enjeux liés à la direction artistique Retour Projet suivant

Takamaka

Takamaka 2024 – Stage de 2ème année Pendant mon stage de 2ème année, j’ai été en charge de la refonte des sites de l’entreprise Takamaka. Takamaka propose des activités outdoors dans la région d’Annecy, et chaque activité dispose de son propre site web. À mon arrivée, les sites n’étaient plus à jour et leur esthétique n’était plus au goût du jour. J’ai donc entrepris de moderniser l’aspect de chaque site. Description Pour ce faire, j’ai utilisé le CMS WordPress avec le plugin Divi. En amont de l’intégration, j’ai retravaillé l’identité visuelle de l’entreprise afin de créer un univers cohérent entre chaque site web. Après validation des maquettes réalisées sur Figma, j’ai intégré les sites sur WordPress. Par la suite, j’ai effectué un important travail de référencement pour améliorer la visibilité des pages sur Internet. Outils Compétences Entreprendre Développer Concevoir Conclusion Ce projet a été très formateur en raison de l’ampleur du travail accompli. J’ai mis à jour plus d’une dizaine de sites et même créé un site de A à Z pour l’ouverture d’une nouvelle branche au sein de l’entreprise. Ce stage m’a également permis de relever le défi d’utiliser un nouveau plugin, Divi, alors que j’avais l’habitude de travailler avec Elementor. APPRENTISSAGES CRITIQUES Version académique  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.02 – Auditer un site web, une marque ou un service, en termes de trafic et de référencement 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 AC22.04 – Optimiser le référencement d’un site web, d’un produit ou d’un service AC14.01 – Exploiter de manière autonome un environnement de développement efficace et productif AC14.06 – Déployer et personnaliser une application Web en utilisant un CMS ou un framework MVC (S2) AC24.05 – Optimiser une application web en termes de référencement et de temps de chargement AC15.04 – Analyser un produit ou un service innovant en identifiant les propositions de valeurs et en évaluant les solutions proposées (S2) Retour Projet suivant

Étudiants fauchés

Étudiants Fauchés 2023 – 2ème année de BUT MMI En 2ème année de BUT MMI, dans le cadre d’une SAE, j’ai réalisé avec trois autres personnes un site web communautaire ayant pour but de défendre une cause qui nous tient à cœur. Louna Deschamps, Gregory Cœur, Clément Lemaire et moi-même avons choisi de mettre en lumière la précarité étudiante, une cause qui nous touche particulièrement. https://www.morganetoussaint.fr/wp-content/uploads/2025/03/Enregistrement-de-lecran-2025-03-07-a-00.12.29.mov Description Pour ce projet, nous avons commencé par créer une identité visuelle en adéquation avec l’univers étudiant. Nous avons utilisé Illustrator pour concevoir un univers décontracté et attrayant, reflétant l’esprit de solidarité et de soutien que nous souhaitions véhiculer. Nous avons par la suite imaginé le site en créant des maquettes sur Figma, ce qui nous a permis de structurer efficacement le parcours utilisateur et de visualiser l’agencement des contenus. Pour finir, nous avons intégré le site sur le CMS WordPress, en veillant à ce que chaque élément soit fidèle à notre vision initiale et offre une expérience utilisateur optimale. Outils Compétences UX/UI design Intégration web Communication Conclusion En résumé, ce projet universitaire m’a permis de mobiliser diverses compétences MMI, telles que le design graphique, l’UX design, et l’intégration web. Chaque étape, de la création de l’identité visuelle à l’intégration sur WordPress, a été soigneusement pensée pour garantir un site web à la fois esthétique et fonctionnel. « Étudiants Fauchés » met en valeur notre engagement envers une cause importante tout en démontrant notre capacité à travailler en équipe et à utiliser des outils professionnels pour concrétiser un projet impactant. APPRENTISSAGES CRITIQUES Version académique  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 AC24.01 – Produire des pages et applications Web responsives AC24.01 – Produire des pages et applications Web responsives AC24.04 – Modéliser les traitements d’une application Web AC25.01 – Gérer un projet avec une méthode d’amélioration continue par exemple une méthode agile AC25.02 – Cartographier un écosystème (identification des acteurs, synthèse des propositions de valeur) 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 AC25.03 – Initier la constitution d’un réseau professionnel Retour Projet suivant

Le monde de la glisse

Monde de la glisse 2022 – 1er année de BUT MMI Au sein de ce projet de premier semestre universitaire, j’ai entrepris la réalisation d’un site e-commerce complet destiné à une entreprise spécialisée dans la vente en ligne de matériel sportif de glisse nautique, englobant des disciplines telles que le surf, le kite-surf, le paddle, et bien d’autres. L’objectif principal de cette initiative était de fournir aux clients une plateforme conviviale, leur permettant de découvrir et d’acheter facilement les produits proposés par l’entreprise. Description Pour ce projet, j’ai utilisé HTML, CSS et PHP comme principaux langages de programmation pour construire la structure du site. Une attention particulière a été accordée à la conception d’une navigation conviviale, permettant aux clients de parcourir aisément les différentes catégories de produits, d’accéder à des informations détaillées et de finaliser leurs achats en quelques clics. L’intégration de fonctionnalités telles que les filtres de recherche, les avis clients et les suggestions de produits a enrichi l’expérience utilisateur, favorisant ainsi l’engagement. Outils Compétences Entreprendre Développer Concevoir Conclusion En résumé, ce projet universitaire m’a permis de développer des compétences en développement web, en UX design, et en gestion de projet. Chaque aspect du site, de la structure à la navigation, a été soigneusement pensé pour garantir une expérience utilisateur optimale. « Le Monde de la Glisse » met en valeur ma capacité à créer des plateformes e-commerce fonctionnelles et attrayantes, tout en répondant aux besoins des utilisateurs. APPRENTISSAGES CRITIQUES Version académique AC13.05 – Designer une interface web (wireframes, UI) (S2) AC14.01 – Exploiter de manière autonome un environnement de développement efficace et productif AC14.02 – Produire des pages Web fluides incluant un balisage sémantique efficace et des interactions simples AC14.03 – Générer des pages Web à partir de données structurées AC14.04 – Mettre en ligne une application Web en utilisant une solution d’hébergement standard AC14.05 – Modéliser les données d’une application Web (S2) AC15.01 – Gérer un projet avec une méthode classique AC12.01 – Concevoir un produit ou un service en terme d’usage et de fonctionnalité (S2) AC11.02 – Évaluer un site web, un produit multimédia ou un dispositif interactif existant en s’appuyant sur des guides de bonnes pratiques AC11.04 – Analyser des formes médiatiques et leur sémiotique AC11.05 – Identifier les cibles a(critères socio-économiques, démographiques, géographiques, culturels …) Retour Projet suivant

Portfolio 2ème année

Portfolio 2ème année 2023 – 2ème année BUT MMI En fin de 2ème année de BUT MMI, j’ai créé un portfolio personnel regroupant les projets que j’ai réalisés au cours de mes deux premières années de formation. Ce portfolio, réalisé à la fin de ma deuxième année, a pour but de montrer les capacités que j’ai pu développer tout au long de cette formation. Description Ce portfolio a été développé entièrement sur avec du HTML, CSS et PHP comme langages de programmation. J’ai aussi mis en place une base de données afin de pouvoir ajouter et supprimer les projets de mon portfolio. Pour cela, j’ai utilisé My SQL. Ainsi, j’ai pu mettre en action toutes mes connaissances en développement web accumulées au cours de ces deux années. En amont du travail de développement, j’ai élaboré une identité visuelle à mon image. Il était important pour moi de créer un portfolio moderne et intuitif, mais surtout qui me ressemble. C’est pour cette raison que j’ai fait des choix précis, comme utiliser un langage courant sur le ton de l’humour, ainsi que des couleurs vives contrastant avec le noir du site. J’ai ensuite imaginé l’aspect de mon site web sur Figma, ce qui m’a permis de créer les maquettes complètes et de penser efficacement le parcours utilisateur pour garantir une navigation intuitive. Outils Compétences Développement web UX/UI design Conclusion En résumé, ce projet universitaire m’a demandé de mettre en application de nombreuses compétences MMI, telles que le design graphique, l’UX design, ainsi que l’intégration et le développement web. Chaque aspect de ce portfolio a été méticuleusement pensé pour garantir un aspect visuel me ressemblant et une expérience utilisateur optimale. Ce projet met bien en valeur mon évolution au cours de ma formation BUT MMI. APPRENTISSAGES CRITIQUES Version académique 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 Retour Projet suivant