QrManya est une application web simple et rapide pour générer des codes QR. Personnalisez les couleurs, la taille et téléchargez des QR codes de haute qualité, sans serveur externe. Développée avec React et Vite, elle utilise react-qr-code pour la génération et Bootstrap pour le design. Code source et infos sur mon Github

Réalisation d’un site vitrine fictif mettant en valeur le patrimoine du Château de la RocheLambert. Recherches documentaires et collecte d’informations historiques afin de proposer un contenu fidèle et pertinent. Conception UX/UI en amont avec travail sur l’identité visuelle et l’ergonomie. Intégration responsive basée sur Flexbox, adaptée à tous les écrans. Optimisation des performances (tests via Google PageSpeed Insights). Mise en place d’un formulaire de contact dynamique en PHP avec gestion en JSON. Objectif : concevoir un site accessible, performant et fidèle à l’esprit du lieu.

Réalisation d’un carrousel Instagram autour des Jeux Olympiques 2024. Conception de visuels infographiques pour représenter des statistiques sportives. Travail de composition graphique sur Illustrator : hiérarchie visuelle, typographie et palette adaptée à l’univers sportif. Déclinaison en posts carrousel Instagram, optimisés pour un format réseaux sociaux. Objectif : rendre les données claires, attractives et engageantes.

Création d’une identité visuelle complète pour un projet fictif open-source nommé BlankCode. Logo pensé autour de plusieurs symboliques : - Le cadre blanc en haut évoque un post-it → la simplicité et l’idée de “bloc de base” ; - Le noir (“Blank”) renvoie à la notion de code minimaliste et à la transparence/facilité d’utilisation ; - Le rose est lié à mon identité visuelle personnelle et apporte une touche de modernité ; - Le rond rose incarne à la fois mon style graphique et la simplicité/fiabilité des codes. Réalisation d’une bannière de présentation pour le README GitHub afin de donner une image professionnelle et cohérente. Travail sur la composition graphique, la hiérarchie visuelle et l’adaptabilité au format numérique.

MinePoints est un projet fictif que j’ai réalisé pour apprendre la conception d’une architecture complète “site web + API”. Il se compose de deux dépôts GitLab : MinePointsEshop, une boutique en ligne inspirée de l’univers Minecraft, et MinePointsAPI, une API destinée à gérer la communication avec le serveur de jeu. MinePointsEshop constitue la partie interface utilisateur : un site web développé en PHP, pensé pour être simple, fonctionnel et visuellement proche de l’identité Minecraft. Il gère l’affichage de la boutique, les interactions avec l’utilisateur, et les appels à l’API pour valider ou récupérer les données liées aux achats. De son côté, MinePointsAPI expose des endpoints permettant d’interagir avec un serveur de jeu fictif : vérification de compte, gestion des points, requêtes sécurisées, etc. Cette séparation claire entre l’API et le site web m’a permis de structurer le projet comme un vrai système modulaire, où chaque partie peut évoluer ou être remplacée sans vraiment impacter l’autre. Avec ce projet, j’ai pu travailler sur une architecture complète et comprendre comment faire communiquer un site web avec une API dédiée (et particulièrement un serveur de jeu qui n'a rien à voir avec les technologies web). J’ai aussi appris à mieux structurer mon code, à séparer proprement le front et le back, et à réfléchir comme si je développais un vrai service, avec toutes ses contraintes et son fonctionnement global. Même s’il est fictif, ce projet m’a permis d’aborder une approche full-stack plus pro et de mettre en pratique des concepts que je pourrai réutiliser dans des projets plus avancés.

Création d’un site vitrine statique pour une maison de location en Ardèche. Conception UX/UI en amont pour définir l’architecture et les parcours utilisateurs. Intégration via le créateur de site Hostinger, choix assumé pour : un déploiement rapide ; une simplicité d’administration par le commanditaire ; une autonomie totale dans la gestion du site. Mise en place du nom de domaine et configuration d’une adresse email professionnelle. Prise de photos sur place et rédaction du contenu pour valoriser l’offre et optimiser la communication. Travail sur le design responsive, la hiérarchisation des contenus et l’optimisation SEO de base. Réalisation d’un logo personnalisé pour renforcer l’identité visuelle du projet.

Interface Média est le média de l’IUT pour le BUT MMI, édité une fois par an par les étudiants de 1ʳᵉ année. Le site a été développé initialement sous WordPress par un étudiant de 3ᵉ année. En tant qu’étudiant de 1ʳᵉ année, j’ai ensuite été désigné (avec un collègue) comme nouveau développeur en charge de : la maintenance et le suivi technique du site ; le développement de nouvelles fonctionnalités (PHP, SCSS, customisation WordPress) ; l’optimisation de l’ergonomie et des performances. Objectif : assurer la pérennité et l’amélioration continue du site, utilisé comme vitrine officielle du média étudiant.

Projet réalisé pour AuraVP, une société de voitures pilotes. Le commanditaire cherchait à développer sa présence en ligne avec un site vitrine professionnel. J'ai commencé par un premier rendez-vous avec le commanditaire pour bien comprendre ses besoins, cerner son activité et définir les objectifs du site. Ça m'a permis d'établir un cahier des charges solide qui a servi de base pour toute la suite du projet. Après ça, j'ai fait une veille graphique et j'ai analysé les sites concurrents pour identifier les tendances du secteur et les bonnes pratiques en UX/UI. Pour la conception, j'ai d'abord créé un wireframe papier pour poser rapidement les bases de la structure du site, puis j'ai transformé ce wireframe en maquette high-fidelity sur Figma en intégrant l'identité graphique du client. Le projet a duré 2-3 semaines en dehors des cours, et j'ai livré la maquette Figma complète avec plusieurs itérations suite aux retours du commanditaire. Ce projet m'a vraiment montré l'importance de formaliser par écrit toutes les spécifications dès le départ. Les allers-retours avec le client m'ont fait réaliser qu'un brief écrit solide permet d'éviter que le client revienne sans arrêt sur de nouvelles demandes qui sortent de ce qui était prévu au départ. Cela aide à mieux cadrer les attentes des deux côtés. Avec le recul et l'expérience acquise, je structurerais différemment mes calques sur Figma pour rendre la maquette plus maintenable et faciliter les modifications futures.