05 46 82 03 44La conception du site, c’est ce que l’on appelle également « webdesign », au sens littéral.
Concevoir, c’est répondre à un besoin
Vous savez quoi dire (votre message), et vous savez à qui vous voulez le dire (votre cible).
Il faut désormais mettre ceci en musique. Notre savoir-faire :
- Imaginer les pages du site et l’arborescence ;
- Vous accompagner dans la rédaction de vos contenus ;
- Découper les pages web en blocs et les composer harmonieusement ;
- Habiller graphiquement les pages selon l’esprit souhaité.
Notre collaboration est ici primordiale : vous connaissez vos clients et votre métier, nous savons comment mettre en scène et en image votre message !
Le but est simple : atteindre les objectifs établis (voir la page « Préparation du projet« ).
Les grandes étapes
Le plan du site
C’est la vue d’ensemble de vos contenus, votre « chemin de fer ». Le plan du site liste toutes les pages (actualités, pages de présentation, formulaires de contact…) et leur hiérarchie.
Voici une partie du plan de digitalies.fr :
Un bon site web doit être équilibré, posséder un nombre raisonnable de rubriques (moins de 7, idéalement) et s’organiser de façon limpide.
Pensez que vos visiteurs ne connaissent par votre activité aussi bien que vous ! Il est essentiel de pouvoir les accompagner dans la découverte de vos produits et vos services à travers une structure logique pour eux.
De même, le choix des noms des rubriques est très délicat : certains termes peuvent vous apparaître comme familier, mais ferons douter certaines personnes (qui pourraient hésiter à cliquer !).
La composition des pages
Pour qu’une page soit comprise, il est important qu’elle soit facile à lire. C’est le rôle de la composition, également appelé « zoning ».
Nous décidons de l’emplacement de la navigation primaire et secondaire en fonction du plan du site et de vos contenus.
Cette navigation aura une apparence identique sur tout le site, pour permettre au visiteur de se repérer (« où suis-je, d’où viens-je, où puis-je aller ? »).
Puis, pour chacune des rubriques —voire pour chacune des pages, nous plaçons les blocs principaux : titres, sous-titres, chapôs, images, documents à télécharger…
Le fruit de ce travail est un squelette schématique.
Voici un exemple avec une page d’atterrissage réalisée récemment :
La conception interactive (ou design interactif)
Les éléments conçus jusqu’à présent sont statiques : nous ne savons pas de quelle manière ils réagissent lorsque l’utilisateur les clique, les survole, ou les déplace.
Nous formalisons ces comportements et les enchaînements à prévoir.
Par exemple, nous spécifions la conduite à attendre lors de la soumission du formulaire de contact :
Soumission formulaire > Affichage « page de confirmation d’envoi » + envoi email au visiteur + envoi email au webmaster.
Ou bien encore :
Clic sur « Ajouter au panier » > animation de l’image du produit vers le panier + recalcul du montant de la commande et des frais de port.
L’habillage graphique
Maintenant que les contenus et les compositions sont clairement établis, nous vous proposons des maquettes graphiques détaillées.
Les maquettes sont consultées dans votre navigateur web, vous avez ainsi une représentation fidèle de ce que sera le site final une fois en ligne.
Les maquettes validées peuvent désormais servir à la phase suivante de la réalisation de votre site : la fabrication en elle-même.
À propos du « multimédia »
Pour nous, un site internet possède un but fonctionnel avant tout : nous ne vous proposerons pas d’animations ou de décorations si celles-ci n’apportent rien au visiteur.
Ces éléments multimédias peuvent être plaisants de prime abord, mais s’avèrent bien peu agréables en usage réel (souvent longues à charger, pour un intérêt souvent nul).
Dans le même esprit, nous ne vous proposerons pas de « page d’introduction » : personne n’a envie de voir cela.
A contrario, nous utiliserons la vidéo, les cartes interactives ou les animations ayant une véritable valeur ajoutée :
- Présentation des détails d’un produit ;
- Explications d’un processus de fabrication ou d’utilisation ;
- L’emplacement de vos agences et boutiques.
Nous proposerons également une navigation claire et intuitive. Personne n’a envie d’un mode d’emploi pour visiter votre site : un site web n’est pas un logiciel.
