fbpx
/ English
interface web

Les étapes de pré-production d’une interface Web

L’analyse du projet

Avant d’effectuer la création de l’interface d’un site Web, vous devez faire une analyse du projet. Voici la liste des étapes à suivre :

Cerner les besoins et les objectifs

Lors de cette étape, déterminez quelles sont les fonctionnalités recherchées par votre client et identifiez les avantages qu’il aimerait obtenir avec son projet. C’est ici que vous devez établir la liste des éléments prioritaires et les caractéristiques à faire ressortir sur son site Web.

Identifier le public cible

Il sera difficile de réaliser un visuel efficace d’une interface sans connaître la clientèle visée (le persona). Par exemple, si les enfants sont le public cible, le design sera probablement enfantin tandis que si c’est pour un avocat, le visuel sera plutôt corporatif.

Examiner la concurrence

Regardez les sites de vos concurrents et identifiez les points que vous aimez et ceux que vous n’aimez pas. Cela vous permettra peut-être de sortir des éléments auxquels vous n’aviez pas pensé et vous aidera à bâtir une meilleure stratégie.

La conception des interfaces

Une fois l’analyse du projet terminé, vous devez établir la structure de votre site. C’est ici que vous devez recueillir auprès de votre client les contenus qui se retrouveront sur le site (textes, images, vidéos, etc.). Avant de commencer cette étape, je vous conseille fortement de lire l’article sur l’ergonomie d’une interface Web.

Bâtir une arborescence

Construisez un arbre qui contiendra toutes les pages et les sous-pages. Cet outil vous donnera une idée visuelle de votre plan. Voici un exemple d’arborescence:

L'arborescence du site Web pour bien planifier l'interface

Organiser le contenu

Réfléchissez à la façon et l’endroit dont vous placerez le contenu du site. Cela aura un impact sur l’ergonomie et le design de votre site.

Réaliser un wireframes

Griffonnez sur papier ou à l’aide d’un logiciel informatique un croquis de votre site. Un wireframe est un travail de réflexion sur la façon de placer vos blocs de contenus, les boutons, les formulaires, la navigation, etc. C’est un schéma très simpliste et sans couleur qui établi l’architecture de votre site.

La production

Vous êtes maintenant rendu à la production de maquettes graphiques des interfaces. Lors de la production, la réalisation de maquettes est la première étape. Une fois le visuel approuvé par votre client, le projet passe à l’étape de l’intégration et de la programmation.

Bref, réaliser des maquettes demande une analyse approfondie du projet avant de commencer la production. C’est ce qui vous permettra de concevoir des maquettes efficaces qui répond aux attentes du client.

Auteur de l'article

Marie-Michel Tremblay

Intégratrice Web, Graphiste
Dotée d’une fibre artistique certaine, Marie-Michel détient un DEC en techniques d’intégration multimédia, une AEC en graphisme et d’un DEC en musique. Après ses études, elle travaille durant six ans comme conceptrice Web et graphiste au sein de diverses entreprises du Saguenay, et réalise des mandats à son propre compte. Elle enseigne également le chant pendant un an et demi. En 2016, Marie-Michel rejoint Wenovio et évolue avec l’équipe pendant deux ans. Elle quitte ensuite l’équipe pour prêter main-forte à une entreprise de sa région, et revient finalement chez Wenovio en 2021. Son but : mettre au service des clients son appétit pour les nouveaux défis et sa soif d’apprendre.

À découvrir sur notre blogue

2020-03-24

Quelles sont les étapes pour la création d’un site WordPress ?

Émilie Demers Moreau / Designer graphique

Bien avant de penser à la création de votre site Web WordPress, il est important de vous assurer d’avoir les prérequis à l’utilisation de ce CMS.

Lire la suite
2018-02-13

Quel est le prix d’un site Web ?

Davyd Quintal / Directeur des solutions novatrices

La réponse courte, c’est que les prix d’un site Web varient de zéro à plus de 35 000$. Vous devriez connaitre les trois options principales s’offrant à vous

Lire la suite
2017-10-06

Site Web d’une page (one page) : est-ce la bonne solution ?

Davyd Quintal / Directeur des solutions novatrices

Les sites one page sont plus populaires depuis que les mobiles sont devenus les appareils de choix de plusieurs internautes.

Lire la suite
2018-04-10

Comment comparer des soumissions pour la conception d’un site Web ?

Apprenez-en plus sur les critères d’évaluation pour évaluer les soumissions pour un site Web provenant d’agences spécialisées.

Lire la suite

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.