Maquette graphique

3 min

La maquette graphique est une représentation visuelle haute fidélité d’une interface, proche du rendu final du produit. Contrairement au wireframe qui se concentre sur la structure, la maquette donne à voir l’aspect esthétique : couleurs, typographies, visuels, boutons, etc. Elle permet de valider l’identité visuelle et le style de l’interface avant de passer au développement ou au prototypage interactif.

Points abordés :

  • Qu’est-ce qu’une maquette graphique ?

  • À quoi sert une maquette graphique ?

  • Que contient une maquette graphique ?

Qu’est-ce qu’une maquette graphique ?

La maquette graphique, aussi appelée "mockup", est une version statique et fidèle de l’interface, conçue par le designer après le wireframe. Elle reprend tous les éléments de design visuel : couleurs, polices, images, icônes, hiérarchie des titres, marges et espaces. C’est une étape indispensable pour projeter le client ou l’équipe projet dans une version concrète du produit digital (site web, application, intranet…).

À quoi sert une maquette graphique ?

La maquette graphique joue un rôle clé dans la validation du rendu visuel. Elle permet :

  • de vérifier la conformité avec la charte graphique ;

  • de tester l’esthétique et la lisibilité de l’interface ;

  • de présenter un aperçu final au client ou à l’équipe de développement ;

  • d’anticiper les contraintes d’intégration HTML/CSS ;

  • de recueillir des retours avant de passer au prototypage ou au développement.


Que contient une maquette graphique ?

Une maquette graphique complète intègre :

  • l’en-tête et le pied de page ;

  • la barre de navigation stylisée ;

  • les visuels et illustrations ;

  • les boutons call-to-action (CTA) dans leur version finale ;

  • les typographies définies ;

  • la mise en page et les espacements ;

  • les zones de contenu textuel ;

  • les éléments interactifs (états hover, clic, désactivé…).

Envie de devenir expert UX UI Design ?

Vous souhaitez vous former à la maquette graphique et faire de cette compétence un levier stratégique pour une entreprise ou un client ?

  • Notre Bootcamp UX UI Design vous donne les bases en quelques semaines

  • Le Bachelor UX UI Design vous forme aux fondamentaux avec une approche pratique

  • Notre Mastère UX UI Design  vous mène à l’expertise en entreprise


Nos formations sont toutes certifiantes, éligibles CPF, alternance ou financement pro.