Wireframe – Template Web Design – Maquettage

Le Wireframe (ou maquettage) en web design consiste à réaliser un schéma définissant les zones d’un site web.

Il peut être réalisé par une personne non technique (client, service marketing, graphiste, etc.).

Il permet :

• de réunir les différents intervenants autour du projet
• de servir de support de discussion avec les commanditaires du site web
• de simuler le fonctionnement a priori du site web selon les objectifs de départ
• d’estimer le temps nécessaire à la réalisation du site
• d’estimer le coût de développement du site

Pour un site web, une première forme de maquette statique consiste à définir le « zoning » des écrans, c’est-à-dire le découpage des pages du site.

Pour chaque type de page (ex: page d’accueil, page intérieure, chapeau de rubrique, etc.) le concepteur identifie les différentes zones de la page qu’il schématise à l’aide de blocs ou de boîtes afin de déterminer les grandes fonctionnalités et les zones principales du contenu. Il précise le rôle et la position de chaque zone et définit leur taille relative ainsi que leur importance visuelle.

Le concepteur peut par la suite détailler et donner des précisions sur les éléments de la page comme la hiérarchisation des différents textes, les dimensions en pixel des contenus, etc.
Le zoning sert de base au travail du graphiste. Ce dernier habille les différentes zones de l’écran ainsi définies en fonction de l’identité visuelle du produit.

La maquette peut servir de support de discussion avec les commanditaires du site web, mais également pour réaliser des tests utilisateurs.

WIREFRAME

TEMPLATE (appelé aussi THEME)

Responsive Web Design

L’affichage nouvelle génération !

Le Responsive Web Design (conception de sites web adaptatifs) comprend les différents principes et technologies qui permettent une approche de conception de sites Web dans laquelle un site est conçu pour offrir au visiteur une expérience de consultation optimale facilitant la lecture et la navigation.

L’utilisateur peut ainsi consulter le même site Web à travers une large gamme d’appareils (écrans d’ordinateur, smartphones, tablettes numériques, TV, etc.).

Pour me contacter - Coordonnées

DM DIFFUSION
Didier Mathelin
8, rue de l’herbe d’avril
25000 Besançon
06 88 555 600
Email : dm-diffusion@orange.fr
Siret : 38767817000052