Publié le par b2web
Maquette de site web : à quoi elle sert et quoi vérifier avant de dire oui
Une maquette de site web, c'est une image de votre futur site, page par page, que vous approuvez avant qu'on le construise. Elle sert à valider la structure, le look et les textes pendant que les changements coûtent encore peu. Mais une maquette reste une image : elle ne montre ni la version cellulaire, ni la vitesse, ni ce qui se passe quand on clique. Voici les différents types de maquettes, ce qu'il faut vérifier avant de dire oui, et pourquoi, chez b2web, on présente plutôt un vrai site démo dès le premier appel.
C'est quoi, une maquette de site web ?
Le mot « maquette » cache en fait plusieurs étapes. L'Office québécois de la langue française les distingue clairement : d'abord le zonage et le maquettage conceptuel (le fameux wireframe), puis la maquette graphique, dont l'apparence ressemble au site final, mais dont les éléments ne fonctionnent pas. Quand on peut cliquer et que ça réagit, on parle plutôt de prototype.
Quand une agence vous dit « on va vous envoyer la maquette », demandez donc laquelle. Vous n'approuvez pas la même chose dans chaque cas.
| Étape | Ce que vous voyez | On peut cliquer ? | Version cellulaire ? | Ce que vous approuvez |
|---|---|---|---|---|
| Zonage / wireframe | Des boîtes grises : menu, texte, image, bouton | Non | Rarement | L'ordre des sections et les pages prévues |
| Maquette graphique | Une image fidèle : couleurs, polices, photos | Non | Seulement si on la demande | Le look |
| Prototype | La maquette rendue cliquable dans un outil de design | Oui, en partie | Parfois | Le parcours du visiteur |
| Site démo | Une vraie page web, ouverte dans votre navigateur | Oui | Oui, sur votre propre téléphone | Le résultat, tel que vos clients le verront |
À quoi sert une maquette quand vous faites faire votre site ?
Pour vous, propriétaire d'entreprise, la maquette sert surtout à une chose : voir avant de payer le gros du travail. Changer une couleur ou l'ordre de deux sections sur une maquette, c'est rapide. Le faire sur un site déjà construit, c'est plus long et parfois facturé en extra.
Elle sert aussi à parler le même langage que l'agence. « Quelque chose de moderne, pas trop chargé », chacun l'imagine à sa façon. Une image règle la question en deux minutes. C'est d'ailleurs un des points à vérifier quand vous choisissez une agence web : est-ce qu'on vous montre quelque chose de concret avant de signer, ou seulement un devis ?
Les 6 choses à vérifier avant d'approuver une maquette
Une maquette peut être très belle et quand même mal servir votre entreprise. Avant de dire oui, passez-la au crible.
1. Vos vrais textes, pas du faux texte
Beaucoup de maquettes sont remplies de « Lorem ipsum » ou de phrases génériques. Le problème : un titre de 4 mots et un titre de 14 mots ne donnent pas du tout la même page. Exigez au minimum votre vrai nom, vos vrais services et votre numéro de téléphone. Vous verrez tout de suite si le message est clair.
2. La version cellulaire
C'est l'oubli le plus fréquent : on vous montre la page sur grand écran, et le cellulaire viendra « plus tard ». Pourtant, Google utilise la version mobile de votre site pour l'indexation et le classement. Sur un téléphone, la page ne rapetisse pas : elle se réorganise. L'image en haut de cet article le montre bien : sur ordinateur, le texte de Construction Langevin est posé sur la photo ; sur cellulaire, il passe au-dessus et la photo descend. Demandez à voir les deux.
3. Le bouton qui vous rapporte des clients
Sans faire défiler la page, est-ce qu'on voit comment vous joindre ? Un bouton de soumission, un numéro qu'on peut toucher pour appeler, un lien de prise de rendez-vous. Si vous devez chercher ce bouton sur la maquette, vos visiteurs le chercheront aussi.
4. Vos photos, ou au moins le bon type de photos
Les photos de banque d'images rendent toutes les maquettes jolies. Le jour où on les remplace par vos vraies photos de chantier ou de bureau, l'ambiance change. Fournissez vos meilleures photos tôt, même imparfaites : mieux vaut juger la maquette avec elles. Elles serviront aussi votre portfolio et vos témoignages.
5. Toutes les pages prévues, pas seulement l'accueil
On approuve souvent l'accueil, et le reste suit « dans le même style ». Faites au moins confirmer la liste des pages : une page par service, les villes que vous desservez, la page de contact ou de soumission. C'est cette structure qui vous permettra de sortir dans Google pour chacun de vos services, pas seulement pour votre nom.
6. Ce qui arrive après l'approbation
Posez la question franchement : est-ce que la maquette sera reconstruite de zéro en site web, et par qui ? Combien d'allers-retours sont inclus ? Une maquette faite dans un outil de design doit ensuite être programmée ; c'est une étape de plus, avec son propre délai et son propre budget. Pour situer ce budget, voyez notre article sur combien coûte un site web au Québec.
Ce qu'on voit sur le terrain
Chez b2web, on a remplacé la maquette en image par un site démo : une vraie page d'accueil, programmée, avec le nom, les services, les coordonnées et les couleurs de l'entreprise, préparée avant même le premier appel. On la présente pendant l'appel découverte, et le propriétaire peut l'ouvrir sur son propre cellulaire au lieu d'imaginer à quoi elle ressemblera.
Ce que des dizaines de démos nous ont appris :
- Les vrais éléments d'abord. Avant d'écrire une ligne, on reprend ce que l'entreprise a déjà : ses services, ses coordonnées, sa couleur, ses photos, ses textes, tirés de son site actuel ou de sa page Facebook. La discussion porte alors sur son entreprise, pas sur du faux texte.
- Beaucoup partent de presque rien. Construction Langevin n'avait qu'une page Facebook, pendant qu'un concurrent de sa région avait déjà un site. Voir son entreprise présentée comme un vrai site rend la décision beaucoup plus simple qu'un document à imaginer.
- Rien n'est jeté. La démo n'est pas indexée par Google pendant qu'on en discute. Quand le client dit oui, elle devient la base de son site : on y applique ses commentaires et on construit les autres pages. C'est une des raisons pour lesquelles la plupart de nos sites sont livrés en deux semaines.
Faire sa propre maquette : par où commencer ?
Vous voulez arriver préparé chez votre agence ? Pas besoin d'apprendre un logiciel de design. Ce qui aide vraiment :
- La liste de vos pages : vos services, un par ligne, et les villes ou régions que vous desservez.
- Un croquis sur papier de l'accueil : ce qu'un visiteur doit voir en premier, et le geste que vous voulez qu'il fasse (appeler, demander une soumission, prendre rendez-vous).
- Deux ou trois sites que vous aimez, dans votre domaine ou non, avec ce qui vous plaît dans chacun.
- Votre logo, vos couleurs et vos meilleures photos.
Des outils comme Figma ou Canva permettent de dessiner une maquette graphique vous-même, mais c'est un métier : le temps passé à placer des boîtes au pixel près est rarement le meilleur usage de votre semaine. Votre connaissance de vos clients, elle, est irremplaçable. C'est elle qu'il faut apporter.
Questions fréquentes
Une maquette gratuite m'engage-t-elle à quelque chose ?
Ça dépend de l'agence : lisez ce qui est écrit avant d'accepter. Chez b2web, le site démo est gratuit et sans engagement. Si le résultat ne vous convient pas, vous n'avez rien à payer.
Est-ce que je peux demander des changements à la maquette ?
Oui, c'est précisément le moment. Regroupez vos commentaires en une seule liste plutôt qu'au compte-gouttes : vous aurez une meilleure version, plus vite. Et commencez par le fond (le message, les services, le bouton d'appel) avant la forme.
Ma maquette ou ma démo peut-elle apparaître dans Google ?
Elle ne devrait pas. Une version de travail doit être bloquée aux moteurs de recherche, sinon Google risque de la trouver avant votre vrai site, avec des textes pas encore finaux. Nos démos sont toutes marquées pour ne pas être indexées.
Combien de temps entre la maquette approuvée et le site en ligne ?
Avec une maquette en image, il faut ensuite programmer tout le site, ce qui ajoute souvent plusieurs semaines. Quand la démo est déjà un vrai site, on part de ce qui existe : chez nous, la plupart des sites sont livrés en deux semaines, selon la complexité du projet et la rapidité à valider le contenu.
En résumé
Une maquette sert à voir votre site avant de payer pour le construire. Vérifiez qu'elle montre vos vrais textes, la version cellulaire, un moyen clair de vous joindre et toutes les pages prévues, et demandez ce qu'elle deviendra une fois approuvée.
Vous préférez voir votre futur site plutôt que l'imaginer ? Réservez votre site web démo gratuit : on le prépare avant notre premier appel. Pour toute question sur la création de votre site web, écrivez-nous ou appelez au 438 544-7323.
