Site Web d’Intégration - Maquette Figma

Dans le cadre d’un travail du deuxième trimestre de BUT MMI, j’ai réalisé un site web personnel d’intégration à partir d’une maquette Figma fournie par notre professeur. L’objectif était de créer un site responsive, avec des déclinaisons adaptées aux formats ordinateur, tablette et téléphone. Le projet comportait également des animations de type hover pour améliorer l’interactivité, tout en respectant une structure HTML sémantique et un code CSS bien organisé.

Type

Développement web

Détails du projet

Dans le cadre d’un travail d’intégration web au 2ᵉ trimestre de BUT MMI (entre février et avril 2025), j’ai réalisé un site web personnel à partir d’une maquette Figma fournie par notre professeur. L’objectif était de reproduire le design avec précision tout en livrant un site responsive, décliné pour ordinateur, tablette et mobile, et d’ajouter des animations au survol pour renforcer l’interactivité.

Le cœur du projet était la fidélité à la maquette : marges, alignements, typographies, rythmes visuels… chaque détail comptait. J’ai donc intégré l’ensemble en HTML/CSS, en m’appuyant sur un balisage propre et des interactions simples, puis j’ai ajusté les comportements responsive pour garantir une lecture fluide sur tous les formats. Une partie du travail a été faite en cours, mais j’ai aussi pris du temps en autonomie pour peaufiner les finitions et obtenir un rendu le plus proche possible du modèle.

Ce projet m’a fait progresser sur trois points clés : la rigueur d’intégration (respect d’un cahier des charges imposé), la gestion du responsive multi-supports, et l’ajout d’animations CSS discrètes mais efficaces. Il m’a aussi fait monter en compétences sur l’organisation personnelle : planifier, tester, corriger, livrer. Et même si tout peut toujours être amélioré, je suis fier du niveau de finition atteint sur ce rendu.