À propos du projet

CaddieCool est un projet personnel de Progressive Web App conçu pour organiser ses courses à l’aide d’un calendrier mensuel interactif. Pensée en mobile-first, l’application permet de créer des listes de produits, de les associer à des jours précis et de les cocher au moment des achats, avec une interface volontairement simple et fluide.

L’application a ensuite été transformée en PWA afin de proposer une expérience proche d’une application mobile native : installation sur l’appareil, affichage plein écran et fonctionnement hors ligne grâce à un service worker et à la gestion du cache.

Technologies utilisées

• HTML5 & CSS3
• JavaScript vanilla
• Progressive Web App (manifest, service worker, cache)
• Stockage local avec localStorage

Compétences développées

• Conception d’interfaces mobile-first orientées UX
• Développement front-end sans framework
• Mise en place et compréhension des Progressive Web Apps
• Structuration d’un projet personnel de A à Z

À propos du projet

Projet réalisé en groupe dans le cadre de la SAE 301. L’objectif était de concevoir l’interface d’un site web proposant différents services réservables en ligne. J’ai été principalement en charge de la conception et du développement front-end au sein d’une base Symfony fournie.

Mon travail a porté sur la mise en page des différentes pages du site (accueil, catalogue de services, blog / actualités, pages de réservation et back-office), en respectant les maquettes définies en amont et les contraintes fonctionnelles du projet. Une attention particulière a été portée à l’expérience utilisateur, à la lisibilité des contenus et à la cohérence visuelle globale.

Outils utilisées

• HTML5
• SCSS
• JavaScript
• Framework Symfony (intégration front-end)

Compétences développées

• Intégration d’interfaces dans un projet Symfony
• Organisation et structuration du code SCSS
• Conception d’une interface responsive et accessible
• Travail collaboratif avec une équipe back-end
• Adaptation aux contraintes techniques et fonctionnelles

À propos du projet

Projet réalisé en groupe dans le cadre de la SAE 303, en partenariat avec le programme Open Data University porté par l’association Latitudes. L’objectif était de concevoir un site interactif de data visualisation à partir de jeux de données ouverts, en réponse à un défi proposé par Open Data University.

Avec mon groupe, nous avons choisi de travailler sur le thème « Les Français et l’information » et formulé la problématique suivante : « Comment les médias français reflètent-ils les changements sociétaux à travers la présence des femmes ? ». Cette question a guidé l’ensemble de notre démarche de recherche et de conception.

Après la collecte et le tri des données issues de sources open data, j’ai été principalement en charge de la partie front-end du projet. J’ai réalisé la page d’accueil ainsi que plusieurs pages de visualisation, dont une page dédiée à la parole des femmes à l’aide d’un graphique en bâtons, et une autre comparant le temps de parole des femmes et des hommes.

Ce projet m’a permis de renforcer mes compétences en JavaScript, notamment dans la manipulation et la mise en forme de données, ainsi que dans la création d’interfaces interactives adaptées à la lecture de données chiffrées.

Outils utilisées

• HTML5 & CSS3
• JavaScript
• Exploitation de données Open Data
• Data visualisation

Compétences développées

• Manipulation et visualisation de données en JavaScript
• Conception d’interfaces interactives
• Analyse et tri de jeux de données open source
• Travail collaboratif autour d’un projet de recherche
• Adaptation à une problématique sociétale

À propos du projet

Projet réalisé en groupe dans le cadre de la SAE 302, consistant en la création d’un webdocumentaire interactif autour de l’évolution des passions chez les jeunes, en comparant les années 1970 et les années 2010.

J’ai été en charge de la conception et de l’intégration de la page d’accueil ainsi que des pages de contexte, en veillant à proposer une narration claire et immersive. J’ai également participé à la recherche documentaire afin d’ancrer le projet dans des sources fiables et cohérentes avec la thématique abordée.

Le webdocumentaire est accessible via une authentification (identifiant : webdoc  |  mot de passe : MMIS3).

En complément du développement du site, nous avons réalisé plusieurs interviews. J’ai occupé le rôle d’interviewer, notamment lors d’une interview menée en anglais, ce qui m’a permis de mobiliser mes compétences orales et de les intégrer dans un projet multimédia.

Outils utilisées

• HTML5 & CSS3
• JavaScript
• Montage et intégration de contenus vidéo
• Recherche documentaire et écriture de contenus

Compétences développées

• Intégration front-end orientée narration interactive
• Conception de parcours utilisateurs immersifs
• Montage et valorisation de contenus audiovisuels
• Expression orale en anglais dans un contexte professionnel
• Travail collaboratif et gestion de projet en équipe

À propos du projet

Projet de data visualisation consacré à l’e-sport, visant à représenter de manière claire et visuelle des données chiffrées liées aux jeux, aux audiences et aux compétitions. L’objectif était de transformer des données complexes en une affiche lisible, synthétique et attractive.

Les données ont été collectées à partir de sources officielles et open source, puis analysées afin d’identifier les informations les plus pertinentes à mettre en valeur. Avant la réalisation finale, j’ai réalisé plusieurs croquis exploratoires, un moodboard et des recherches graphiques afin de définir une direction visuelle cohérente.

L’affiche finale combine différentes formes de visualisation (diagrammes, graphiques comparatifs, cartes) et une identité graphique inspirée de l’univers du jeu vidéo, tout en veillant à la hiérarchisation des informations et à la lisibilité des données.

Outils et méthodes

• Recherche et analyse de données open source
• Croquis et recherches graphiques
• Moodboard et direction artistique
• Adobe Illustrator

Compétences développées

• Data visualisation et mise en forme de données chiffrées
• Hiérarchisation de l’information
• Conception d’une identité graphique cohérente
• Traduction visuelle de données complexes
• Démarche de projet de la recherche à la production finale

Travail noté dans le cadre de la formation MMI

À propos du projet

Projet réalisé en production graphique consistant à représenter mes centres d’intérêt sous la forme d’îles illustrées. Chaque île symbolise une passion personnelle : la formation MMI, l’univers Pokémon et le badminton.

Si les ressources graphiques de l’île MMI étaient fournies, j’ai conçu entièrement les deux autres îles. J’ai travaillé la composition, la palette de couleurs et la cohérence visuelle, en commençant par des recherches et croquis sur papier avant la réalisation finale sur Adobe Illustrator.

Ce projet m’a permis d’explorer une approche créative et symbolique de l’illustration tout en respectant des contraintes graphiques précises, et de traduire visuellement des centres d’intérêt variés dans un ensemble cohérent.

Outils utilisés

• Adobe Illustrator
• Design vectoriel
• Recherche graphique et croquis préparatoires

Compétences développées

• Illustration vectorielle et composition graphique
• Gestion des couleurs et cohérence visuelle
• Traduction graphique de concepts personnels
• Démarche créative de la recherche à la production finale

Travail noté dans le cadre de la formation MMI