Logo myWebProject
Logo myWebProject
ARTICLE N° 30 #Avant projet #Design

Quel est l'intérêt de réaliser des maquettes graphiques
de mon site et de combien puis-je en disposer ?

ESSENTIEL DE L'ARTICLE
Les maquettes graphiques permettent de définir et visualiser le design définitif de certains ou tous les écrans du site avant leur réalisation.

Maquettes pour les versions écrans

Le nombre de maquettes graphiques dont vous souhaitez disposer reste à votre discrétion et en fonction du budget que vous voulez y consacrer.

Il n'y a pas vraiment de règles, généralement il est d'usage pour un site très simple de type « site vitrine » de faire au moins la maquette de l'écran d'accueil. Effectivement cette page qui reste la page principale permet de donner le template du design (forme, couleurs, typos, espacements, etc).

Le graphiste partira du Logo qui est un élément principale car il donne la tendance pour les formes (rondes ou rectilignes) et la colorimétrie à utiliser.

La maquette de l’écran d’accueil sera généralement décomposée en 3 zones :

  • l’entête de page
  • le corps de page
  • le pied de page

Ces trois zones ne sont pas obligatoires et pas forcément dissociées mais dans la plupart des cas, on arrive à les distinguer car souvent, l’entête de page et le pied de page restent présents sur tous les autres écrans du sites. Seul le corps de page change en fonction du menu dans lequel l’utilisateur se trouve.

Pour un simple site vitrine j’aurais donc tendance à dire que seule la maquette de l’écran d’accueil peut suffire.

Pour le cas d’un site plus complexe comme par exemple une boutique en ligne, il est nécessaire d’avoir au minimum 3 écrans :

  • L’écran de la page d’accueil
  • L’écran pour la liste des produits d’une rubrique
  • L’écran pour la fiche produit

Mais encore une fois si votre budget vous le permet (car plus vous voudrez d’écrans plus le tarifs sera élevé), n’hésitez pas à demander le plus d’écrans possible tels que les écrans de :

  • Création de compte
  • Connexion
  • Panier d’achat
  • Etc ...

Pour cela il est nécessaire de hiérarchiser le niveau d’importance de chacun.

Maquettes graphiques pour les versions tablettes et smartphone

Ensuite il faut aussi se poser la question de savoir si vous souhaitez ces mêmes maquettes pour les versions « Tablette et Smarpthone ». La question peut sembler idiote mais la note peut vite grimper si l’on choisi de faire réaliser les maquettes de tous les écrans dans toutes les versions de supports possibles.

Utilité des maquettes graphiques

Elles ont toutes leur importance car elles permettent notamment :

  • d’êtres mises en ligne pour visualiser le rendu final,
  • de s’assurer que l’on a penser à tout,
  • de valider la redistribution en mode « Responsive Web Design » sur les différents supports « Ecrans, Tablette et Smarpthone »,
  • de valider le choix des couleurs, le choix des typos et la mise en page.

En bref, elles permettent de définir et visualiser le design définitif de certains ou tous les écrans du site avant leur réalisation. C’est donc un gage de qualité et un verrou pour la suite du projet.

ESSENTIEL

  • Êtres mises en ligne pour visualiser le rendu final,
  • S’assurer que l’on a penser à tout,
  • Valider la redistribution en mode « Responsive Web Design » sur les différents supports « Ecrans, Tablette et Smarpthone »,
  • Valider le choix des couleurs, le choix des typos et la mise en page.

RECOMMANDATIONS

  • Faite réaliser au moins la maquette de l’écran d’accueil pour un site simple.
  • Faite réaliser le plus de maquettes possibles suivant votre budget pour un projet plus complexe.
  • Demandez à ce que les maquettes soient disponibles en ligne afin d’avoir un meilleur aperçu.
Cet article m'a aidé
Cet article ne m'a pas aidé