12 étapes de conception de site web à absolument suivre pour éviter les problèmes

Vous avez besoin d’un site web moderne et persuasif pour présenter votre entreprise et obtenir des clients potentiels. Excellente idée.

Mais attention, un projet de conception de site web mal géré peut vite tourner au désastre.

En fait, si le projet n’est pas bien organisé, vous risquez;

• de perdre énormément de temps
• énormément d’argent
• d’avoir un site laid
• d’être super frustré

Dans cet article, nous vous expliquons les étapes à suivre pour éviter des problèmes lors de la conception de site web.

1 – Calculer le coût de la conception de site web avant de commencer

Avant de prendre des décisions concernant la conception de site web, nous vous suggérons fortement d’avoir une idée de budget pour création du site web.

Avant d’aller plus loin, répondez au quelques questions ci-dessous, et notre calculateur de prix de conception de site web vous donnera une estimation.

2 – Réfléchir à l’objectif avant de commencer la conception de site web

Avant de lancer le projet de conception de site web, prenez un peu de temps pour réfléchir aux tâches que vous aimeriez que le nouveau site web effectue.

Voici certaines tâches que votre site web employé numérique pourrait réaliser :

• Présenter votre entreprise et faire bonne impression 
• Obtenir des clients potentiels (nouveaux clients) 
• Communiquer avec vos clients potentiels (ex : heures d’ouverture) 
• Permettre à vos clients d’acheter en ligne 
• Envoyer vos leads dans un CRM
• Offrir un espace réservé aux membres 
• Avoir un intranet ou publier de l’information à vos clients (ex : rapports…)
• Permettre aux candidats de postuler en ligne

Déterminer les objectifs de la conception de site web vous aidera à poser les bonnes questions, obtenir des estimés fiables, et éviter les surprises pendant le projet.

3 – Comprendre votre client idéal

La première erreur à éviter lors de la conception de site web est de créer un site internet pour vous !

Soyons direct – ça n’intéresse personne de savoir que votre entreprise existe depuis 1992. Le visiteur du site web se moque complètement du blah blah sur votre site web.

Une seule chose l’intéresse… « Qu’est-ce que j’ai à y gagner ? » ou « What’s in it for me ? » en anglais.

Votre site web doit dire ceci à votre client idéal :

1. Je suis agréable, intuitif/efficace avec une bonne ergonomie, je vais droit au but ;
2. J’ai compris votre problème et j’ai de l’empathie ;
3. J’ai aidé d’autre gens comme vous à régler ce problème ;
4. Voilà comment j’ai fait ;
5. Voilà des preuves ;
6. Voici mes services / produits ;
7. Voici plus d’info sur nous ;
8. Voici plus d’information pertinentes pour toi ;
9. Voici comment me contacter ;
10. Voici la prochaine étape ;

Pour cela, il faut connaître son client idéal par cœur, à savoir :

• Ses peurs ;
• Émotions ;
• Aspirations ;
• Envies ;
• Problèmes ;
• …

4 – Créer la liste des fonctionnalités souhaitées AVANT la conception de site web !

Les fonctionnalités sont des actions qui peuvent être faites sur le site web (ex : payer en ligne)

La création d’une liste de fonctionnalités permet de facilement faire estimer le coût de production du site internet et de choisir la technologie la plus adaptée (logiciel de création).

Une simple liste Google Sheet (ou Excel pour les durs à cuire) fait l’affaire. Gardez la liste la plus simple possible, et utilisez des notes ou commentaires pour entrer les détails.

Voici un exemple de liste de fonctionnalité

5 – Réfléchir à un plan de promotion de votre site internet

IMPORTANT de comprendre ceci : Avoir un site web ne veut pas dire que vous aurez des visiteurs (Désolé pour le réveil).

Sans visiteurs qualifiés, vous n’aurez pas de clients grâce au web.

C’est quoi ça, un visiteur qualifié ? Dit mon chef d’entreprise imaginaire.

C’est un individu qui désire votre produit/service et qui peut se le payer.

Obtenir l’attention de visiteurs qualifiés, ce n’est pas gratuit. Promouvoir votre site web à cet effet est donc payant. 

Prévoyez un budget de 500$-1,000$/mois minimum pour promouvoir votre site web.

Ce n’est pas donné, donc assurez-vous que le site web persuade votre visiteur d’entrer en contact avec vous (voir étape #2).

Voici quelques canaux d’acquisition de visiteurs :

• Publicité en ligne (annonces sur Google, Youtube, Facebook, Adwords…) ;
• Référencement naturel du site web (SEO ; apparition de votre site web dans les résultats de recherche) ;
• Contenu sur les réseaux sociaux ;
• Annonce radio ;
• Affiche ;
• Annonce télé ;
• …

Évidemment, si l’objectif n’est pas d’attirer de nouveaux clients potentiels, cette étape n’est pas pertinente pour la conception de site web.

6 – Créer un prototype AVANT la conception de site web !

Avant de faire construire une maison, on consulte quelqu’un d’important. Son titre : architecte. Son rôle est de comprendre vos besoins et de dessiner les plans de la maison afin qu’y vivre soit sécuritaire (et que le projet de construction soit sécuritaire et respecte le budget).

Pour la création de site web, c’est la même chose. Réfléchissez donc aux éléments suivants avant de procéder à la conception de site web :

• Nombre de pages de votre site web ;
• Organisation de chaque page ;
• Liens des pages entre elles ;
• Parcours du visiteur ;

Minimalement, une feuille et un crayon permettent de faire le travail. Mais idéalement, il est préférable d’utiliser des outils comme wireframe.cc ou Axure ,Figma, Balsamiq…

7 – Créer le contenu visible

Voici l’étape névralgique du projet de conception de site web. Pour un site clé-en-main, qu’il s’agisse d’une refonte de site web ou de la création d’un site vitrine ou une boutique pour E-Commerce : le contenu (vidéo, texte, photo) est indispensable.

Si mal gérée, cette étape peut être problématique

Voici les erreurs à absolument éviter:

• Créer le contenu à l’interne (retarde le projet car une PME n’a pas le temps de rédiger du texte)
• Faire créer le contenu par quelqu’un qui ne connait ni le web ni le marketing (le contenu a un très gros impact sur le visuel)
• Essayer d’atteindre la perfection = indécision = Projet cher ou agence irritée 🙂
• Ne pas prendre le temps nécessaire pour approuver les maquettes (cause beaucoup de va et vient plus tard dans le projet)
• PIRE: Ne pas faire de maquettes graphique et essayer de créer le site sans visuel (erreur grave)

8 – Créer le plan d’optimisation pour moteurs de recherche

Encore du contenu !

Ce plan contient du texte qui aide Google à comprendre le contenu situé dans chaque page. Il permet d’optimiser le positionnement de votre site web dans les résultats de recherche. Il s’agit de :

• Balises META
• Textes alternatifs pour les images
• Nom des images
• Structure des titres visibles (H1, H2, H3…)
• Intégrer le site sur Google Search Console

Voici un exemple

Cette étape de conception de site web est très souvent oubliée et donc beaucoup de sites de PME ne sont pas optimisés.

9 – Création de maquettes graphiques

Après neuf étapes, nous arrivons enfin à l’étape que tout le monde attend : Le visuel !

Avant de vous expliquer cette étape, laissez-moi commencer par vous dire qu’il existe deux façons de concevoir le visuel d’un site web :

1. Customisation d’un thème – On personnalise un gabarit existant à l’identité visuelle de votre entreprise ;
2. Design original – On dessine un visuel 100% original et à votre image.

Différences entre les deux : la personnalisation ET le prix

Eh oui, pour qu’un site soit très esthétique, moderne, et corresponde à 100% à votre marque, un designer compétent doit prendre le temps de créer les visuels des 5 à 10 pages :

• Design de la page d’accueil = 5 à 15h dépendamment du type de projet et du nombre de révisions
• Design des autres pages = 15 à 30 h environ pour toutes les pages

Voici notre processus de création de maquettes

10 – Conception de site web (développement)

Cette étape consiste à transformer les maquettes graphiques en pages web. Il existe plusieurs technologies. 

La plus populaire actuellement est WordPress, un système de gestion de contenu (CMS) très adapté pour concevoir un site web responsive design. C’est-à-dire des sites web qui fonctionnent sur des tablettes et téléphones mobiles. 

Si par souci d’économie, vous tenez à faire le site en interne (ce que je ne recommande pas), évitez les outils gratuits comme Wix, Squarespace… car ces outils conservent la propriété du site web. Cela rend l’évolution du site très difficile et cause d’autres problèmes de marketing.

Il existe plusieurs autres technologies de création de site web comme Joomla, Drupal, Jimdo … que nous ne recommandons pas forcément.

Passez plutôt par WordPress qui est gratuit et que certains hébergeurs comme Bluehost permettent d’installer facilement. 

Installez WordPress en un clic, achetez un gabarit (Template) qui vous convient (nous recommandons d’acheter votre thème chez Theme Forest), installez le gabarit, et customisez-le (bon courage !). 

11 – Assurance qualité

L’idée est de s’assurer qu’il n’y a pas d’anomalie fonctionnelle, visuelle, et textuelle sur les navigateurs principaux.

Entre les allers-retours inutiles, les micros changements peu prioritaires, et des emails mal structurés, cette tâche peut rapidement devenir un cauchemar et faire perdre énormément de temps.

Nous vous recommandons d’utiliser un processus simple et de centraliser.

Voici quelques astuces pour bien gérer l’assurance qualité.

12 – Déploiement du site web

Cette étape consiste à lancer le site web à son emplacement final. Il s’agit de l’hébergement web. Il est précédé par l’achat d’un espace chez un hébergeur. Cette tâche peut nécessiter 2h à 5h selon la taille du site.

Entre autres, il faut :

• Créer une copie de l’ancien site et une du site à déplacer
• Déménager le site
• Effectuer un test pour s’assurer que tout fonctionne (surtout pour les achats et les formulaires)
• Faire reconnaitre le site par les moteurs de recherche
• Installer Google Analytics
• Mettre à jour ou créer votre page Google My Business (si vous avez un emplacement physique)
• Installer le site sur Google Search Console

Compétences requises pour la conception de site web

Pour créer votre site web, ou encore un site internet professionnel, vous devez avoir les compétences suivantes :

1. Patience 
2. Stratégie marketing
3. Design
4. Développement web
5. Rédaction persuasive
6. Référencement de site web (donc recherche de mots clés)
7. Gestion de projet
8. Gestion des serveurs / nom de domaine