J’ai conçu une maquette web complète pour l’agence fictive Graphtiel à l’aide de Figma. Le projet visait à structurer un site vitrine professionnel, en respectant une charte graphique cohérente, une navigation intuitive et une approche responsive. Cette réalisation m’a permis de renforcer mes compétences en design UI et en conception web.
Type
Webdesign / Maquette UI
Compétences mobilisées
Concevoir
Développer
Exprimer
Apprentissages critiques associés
AC13.05 : Designer une interface web (wireframes, UI)
AC14.02 : Produire des pages Web fluides incluant un balisage sémantique efficace et des interactions simples
Détails du projet
What / Quoi
Ce projet consistait à concevoir et prototyper l’interface du site web de l’agence fictive Graphtiel, spécialisée en infographie. Réalisé entièrement sur Figma, le site met en avant les services proposés par l’agence ainsi que son identité visuelle (typographie, palette de couleurs, logo). Plusieurs maquettes ont été réalisées pour illustrer les différentes pages (accueil, services, blog, connexion, etc.) et leurs déclinaisons responsive (mobile/tablette).
Why / Pourquoi
L’objectif de ce projet était de structurer un site vitrine professionnel pour valoriser l’image de Graphtiel et tester les capacités en conception UI. Ce travail a également permis d’apprendre à travailler selon une grille, à hiérarchiser l’information, à gérer des composants interactifs et à organiser des pages de manière intuitive pour l’utilisateur.
Where / Où
Le projet a été entièrement réalisé sur Figma, en autonomie. Les maquettes ont été pensées pour servir de base à une intégration HTML/CSS ultérieure, en respectant les contraintes du responsive design et les bonnes pratiques UI.
When / Quand
Le projet a été mené au cours du semestre 2 du BUT MMI, entre mars et avril 2025. Il faisait partie d’un exercice de conception numérique dans le cadre des cours de design d’interface.
Who / Qui
J’ai conçu l’ensemble des maquettes seul(e), de la structure des pages à l’esthétique graphique. Ce projet m’a permis de renforcer mes compétences en design UI et en gestion de projet web.
Ce que j’ai appris
En design d’interface : j’ai appris à construire des grilles modulaires, à gérer une charte graphique cohérente, à créer des composants réutilisables et à soigner l’ergonomie visuelle d’un site.
En conception responsive : j’ai pris en compte les différents formats d’écran pour adapter l’expérience utilisateur (desktop, tablette, mobile).
En communication visuelle : j’ai structuré les contenus et visuels de manière à promouvoir les services d’une agence fictive avec clarté et professionnalisme.
