Maquette pour site web

Maquette pour site web

Explorer des possibilités de mise en page afin de déterminer la meilleure configuration possible pour un site internet.

Création de maquette pour sites internet

Un étape clé pour la conception de sites internet.

4.1/5 pour 72 notes

Notez cette page
Note sur 5
Je sélectionne des étoiles

Votre note a bien été prise en compte, notre équipe vous remercie pour votre collaboration.

Vous avez déjà noté cette page, encore merci pour votre collaboration !

Que ce soit pour la création de sites Internet ou pour la refonte de sites Internet, la création de maquettes est l’étape la plus importante. En effet, sans maquette, il n’est pas possible de passer à la conception graphique.

Le premier objectif pour la création de maquettes est d’explorer les différentes possibilités de mise en page afin de déterminer la meilleure configuration possible pour l’interface graphique.

Pour atteindre cet objectif, il convient de réaliser plusieurs maquettes pour un modèle de page. Pour la page d’accueil d’un site Internet, trois maquettes peuvent peut-être envisagées. Ensuite après délibération, une maquette finale sera réalisée reprenant les meilleures idées des trois maquettes précédente.

Avec le responsive design, la maquette finalisée est déclinée en version tablette et téléphone. La déclinaison consiste à ne garder que les éléments les plus importants, le logo, les différents menus de navigation, le panier, l’accès au compte client, etc.

Ainsi, pour un projet de création de sites Internet ou de refonte, il faut prévoir plusieurs maquettes par modèle de page, cela afin de bien maîtriser la conception du site et de faciliter l’étape suivante de création graphique.


Logo, menu, moteur de recherche…

La création d’une maquette de site Internet

Avant de démarrer la création d’une maquette de site Internet, il est indispensable de posséder une application appropriée. Sachant que la conception graphique va se réaliser directement dans Adobe Photoshop, la solution la plus adéquate consiste donc à travailler les maquettes avec la même application.

La première étape consiste à définir des tailles d’écran afin de travailler au bon format : bureau 1920 pixels, mobile 1366 pixels, tablette 768 pixels, smartphone 320 pixels. Il faut régulièrement revoir ses données de taille d’écran en fonction des statistiques utilisateurs.

Une fois les différentes règles et repères disposées dans Adobe Photoshop, il convient de placer les éléments les plus importants et obligatoires en premier. Puis ensuite d’organiser la maquette en fonction des objectifs définis au départ lors du briefing de projet.

Une fois la première maquette finalisée, une seconde maquette sera travaillée suivant le même principe, mais cette fois avec une mise en page différente.

Avec plusieurs maquettes en main, il sera ainsi possible de voir les avantages et les inconvénients de chacune d’elles et de réaliser une maquette finale la plus appropriée au projet de site.

Après avoir dessiné toutes les maquettes et procédé aux déclinaisons, il suffira de prendre comme base de travail la maquette finalisée et de démarrer la conception graphique.

Auteur : L'équipe Olloweb

Commentaires

Vous souhaitez pouvoir ajouter un commentaite à l'article Création de maquette pour sites internet, ou faire profiter de votre expérience avec les internautes, ajouter votre commentaire il sera mise en ligne après validation par notre équipe

Indiquer votre commentaire
Indiquer votre nom
Indiquer votre prénom
Indiquer votre adresse email (utilisateur@domaine.com)

*Champs obligatoire
Conformément à la loi informatique, aux fichiers et aux libertés n°78-17 du 6 janvier 1978, vous disposez d'un droit d'accès et de rectification relatif à toutes informations vous concernant sur simple demande à notre adresse.

Votre commentaire a bien été prise en compte, notre équipe vous envoi un mail de confirmation une fois mis en ligne.

Votre commentaire est en attente de modération. Voir votre commentaire