Vous êtes chef de petite entreprise et vous en avez marre de votre site web parce qu’il est désuet et ne rapporte pas de clients ? Avez-vous honte de présenter votre site web à vos clients potentiels ou à vos clients parce qu’il est loin de refléter l’image de votre entreprise ? Sentez-vous un réel besoin de créer un nouveau site web et vous désirez savoir comment ça marche et combien cela coûte ? Nous allons à travers cet article vous montrer les 7 étapes cruciales à suivre pour ne pas rater la conception de site web de votre entreprise.

1. Préparation de la conception de site web

Il est important de comprendre dans un premier temps qu’un site web n’est pas une carte d’affaires. Un site web, c’est une sorte d’assistant de ventes. Pour cela, il doit attirer l’attention, présenter le sérieux de votre compagnie et montrer que l’on peut vous faire confiance. Pour y arriver, votre site web doit :

• Éduquer les visiteurs ;
• Les aider à bien comprendre votre offre de service
• Répondre à certaines questions qu’ils pourraient avoir par rapport à un achat éventuel ;
• Etc.

En plus de cela, votre site web doit être capable de transformer les visiteurs en clients potentiels.

C’est-à-dire les amener à effectuer l’action souhaitée, à savoir :

• Vous appeler ;
• Remplir un formulaire ;
• Faire une demande de soumission ;
• Etc.

Ainsi, pour réussir la conception de site web de votre entreprise, vous devez dans un premier temps réfléchir au positionnement de la marque. C’est-à-dire :

• Qui vous êtes (votre proposition de valeur) ;
• Vos valeurs ;
• Votre audience cible :
  • Son profil socio-démographique ;
  • Ses peurs ;
  • Ses craintes ;
  • Ses aspirations ;
  • Sa journée type ;
  • Ce qu’il veut entendre ;
  • Etc.
• Vos concurrents et leur positionnement.

Toutes ces informations vous aideront à :

• Mieux vous positionner ;
• Créer le bon texte ;
• Créer le bon visuel ;
• Convertir donc plus de visiteurs en clients potentiels.

Par la suite, il vous faudra aussi  réfléchir sur d’autres paramètres tels que :

• Quelle technologie vous allez utiliser pour la conception de site web ;
• Qui va s’occuper de la maintenance ;
• Qui va faire les backups (sauvegardes ) ;
• Où est-ce que le site sera hébergé.

Une fois que toute cette réflexion est effectuée, vous pouvez passer à l’étape suivante.

2. Le prototypage

Par définition, le prototype est le premier exemplaire d’un modèle qui précède la phase de fabrication en série. Il sert à tester le produit et ses différentes fonctionnalités avant le lancement de la phase de production. Il est très souvent unique et non commercial.

Dans le domaine de la conception de site web, les objectifs sont :

• Créer la structure du site web ;
• De créer chaque page du site ;
• De créer des éléments à mettre dans chacune de ces pages ;
• Définir les différentes fonctionnalités du site ;
• Anticiper et résoudre les problèmes éventuels des utilisateurs.

Pensez par exemple à un architecte qui décide de faire le dessin de sa maison, avant de passer à la phase de construction, il réalise dans un premier temps une maquette, c’est ce que nous appelons prototypage.

Pour la création de prototypes, il existe plusieurs outils que vous trouverez en ligne. Vous avez par exemple :

• Wireframe.cc (gratuit)
• Flinto
• Framer Studio
• Marvel
• Proto.io
• Principle
• Origami Studio
• Axure

Axure est l’outil que nous utilisons chez DMS car il est complet, simple et interactif.

Une fois le prototype réalisé, vous pouvez passer à l’étape de la rédaction et traduction.

3. La rédaction/traduction du texte

La création du prototype est une étape déterminante dans le processus de conception de site web car c’est lui qui oriente le rédacteur dans la production du contenu.

Le prototype lui permet donc de :

• Savoir exactement quel texte rédiger pour chaque page;
• Éviter les allers et retours et les ambiguïtés qui font souvent traîner le projet pendant de longs mois.

Pour effectuer la rédaction, vous avez le choix entre :

• La faire vous-même (à travers un membre de votre équipe) ;
• Mandater l’agence chargée de la conception de site web ;
• Ou encore louer les services d’un pigiste.

Nous vous recommandons de confier ce type de tâche à des professionnels (agence ou pigiste). L’expérience nous ayant montré que les clients qui choisissent de rédiger leur texte font généralement face à plusieurs problèmes :

• Ils ne s’y connaissent pas en SEO et livrent des textes non optimisés pour les moteurs de recherche et il faut retoucher ;
• Ils procrastinent ou n’ont tout simplement pas le temps de livrer les contenus

La rédaction du contenu a généralement deux principales phases :

• La recherche des mots-clés pour optimiser le contenu ;
• La rédaction proprement dite avec optimisation pour les moteurs de recherche.

Par ailleurs, il existe deux types de contenu à rédiger pour un site web :

• Le contenu invisible ;
• Le contenu visible.

Le contenu invisible est essentiellement du HTML présent dans le code et invisible aux visiteurs de la page. Son rôle est essentiellement lié au référencement. Ainsi, il est analysé par les robots des moteurs de recherche pendant l’indexation.

Le texte visible renvoie au contenu qui s’affiche sur le navigateur (dans la barre de titre et sur la page du navigateur). Ce contenu est destiné aux visiteurs dans un premier temps, mais joue également un rôle fondamental dans l’indexation des pages Web par les moteurs de recherche.

Ces derniers considèrent que plusieurs mots et expressions liés au sujet sur la page signifient que la page traite du sujet.

Après la phase de rédaction du texte, si le site web est bilingue ou dans plusieurs langues, il faudra passer à la traduction. Pour cela, l’agence marketing chargée de la création de votre site web ou un pigiste pourra s’en charger.

Une fois le texte prêt, vient l’étape du design.

4. Design des maquettes graphiques

Il s’agit de créer des maquettes – la représentation visuelle de ce à quoi chaque page va ressembler une fois la conception de site web terminée. C’est une sorte de dessin du site web que l’on conçoit. Chez DMS par exemple, les différentes étapes de conceptions des maquettes sont :

• Proposition(s) de page d’accueil ;
• Révision(s) de la proposition choisie ;
• Proposition(s) pour chaque page interne ;
• Révision(s) pour chaque page interne.

Toutefois, le client peut préférer nous fournir ses maquettes s’il dispose de la compétence pour les concevoir.

Pour créer un visuel ou un design pour site web, vous pouvez utiliser des outils tels que :

• Les logiciels Adobe (Photoshop, Illustrator, Adobe XD) ;
• Affinity Designer ;
• Sketch ;
• Figma
• Invision

Nous recommandons les logiciels Adobe parce qu’ils sont plus complets et offrent de multiples possibilités en termes de création graphique et même de compatibilité.

Après la conception et l’approbation du visuel du site web, vient la phase de développement ou d’intégration.

5. Le développement du site web

C’est ici la phase de conception de site web proprement dite. Il s’agit de prendre le prototype, le visuel et le texte pour créer le site selon les directives définies dès le départ. Pour ce faire, il faut savoir quelle technologie utiliser.

En général pour les petites PME, vous pouvez utiliser un système de gestion de contenu (CMS). Ce sont des systèmes simples d’utilisation qui vont vous permettre de faire des changements sur le site web (texte, photo, article de blog, etc) sans forcément nécessiter de connaissances techniques.

Il en existe plusieurs :

• WordPress ;
• Joomla ;
• Drupal ;
• Magento ;
• Shopify ;
• Etc.

Il sera donc question de choisir celui qui se prête le plus à vos besoins. Pour les PME, ce que nous recommandons dans près de 90 % des cas, c’est WordPress, à cause des nombreux avantages qu’il offre :

• Une grande simplicité d’utilisation ;
• C’est un système open source, un système qui va vous permettre d’ajouter des utilisateurs sans payer ;
• Il existe une grosse communauté autour de cette technologie, qui mettent en permanence en place des extensions (des fonctionnalités gratuites ou payantes que vous pouvez ajouter à votre site web.)
• Les sites web développés sur WordPress sont caractérisés par une bonne réputation en termes de référencement.

La phase d’intégration consiste donc à utiliser la maquette, le prototype, le texte et le visuel pour développer le site web avec la technologie choisie. Il s’agit de :

• L’installation WordPress ;
• Le choix du thème ;
• L’ajout des extensions ;
• L’intégration de contenu et du visuelle ;
• La configuration mobile.

Une fois que le développement ou l’intégration est achevée, vient l’étape de l’assurance qualité.

Pour avoir de plus amples informations sur comment développer un site web à partir de WordPress, consulter notre article : Comment créer un site web.

6. L’assurance qualité

Il s’agit pour l’agence responsable de la conception de site web de s’assurer de la conformité de ce qui a été créé :

• Le résultat final est conforme aux livrables définis au départ
• Les différentes fonctionnalités marchent-elles ?
  • Le formulaire ;
  • Les boutons ;
  • Le processus d’achat fonctionne-t-il ? ( au cas où le site web le prévoit).

Une fois que toutes les fonctionnalités marchent bien, il faudra aller vérifier le côté visuel :

• Est-ce que le design ressemble à celui qui a été conçu au départ ?
• Est-ce que le site web fonctionne bien du point de vue visuel sur les différents navigateurs (Chrome, Firefox, Safari, etc.) ?
• Est-ce que le site web fonctionne bien sur le mobile (est-ce qu’il est responsive, est-ce que visuellement parlant tout est à la bonne place) ?

Il faut également vérifier le texte :

• Le texte et les FAQ, sont-ils ce qui a été validé ?
• Les termes et conditions d’utilisation sont-ils correctement définis ?

Une fois cette phase terminée, vient celle du lancement du site web.

7. Le lancement du site web

Cette phase de la conception de site web consiste au déploiement du site web sur l’environnement final. Elle est accompagnée d’autres tâches qui consistent à :

• Vérifier à nouveau que les formulaires fonctionnent ;
• Vérifier que les e-mails de notification sont envoyés ;
• Vérifier que chaque bouton et chaque lien redirige vers le bon endroit ;
• Effectuer la redirection 301.

Ces tests sont importants, étant donné qu’il y a de petites différences entre le site de développement et le site de production. Lorsque tout est testé, le site est fini, il sera question de  former le client  à son utilisation (lui remettre un guide d’utilisation).

Autres informations – Délai et budget

En ce qui concerne la durée du projet, un site web classique de PME (2 langues, 5 à 10 pages) peut prendre entre 50, 60 jusqu’à 100 h, dépendamment :

• Du nombre d’aller et retour ;
• Du nombre de visuels ;
• Du nombre d’approbations ;
• De qui rédige le texte, de qui le traduit ;
• De qui effectue l’assurance qualité ;
• Etc.

En termes de prix, un tel site web peut coûter 5000$ CAD en moyenne (site vitrine 5 à 10 pages, 2 ou 3 langues) pour un travail de professionnels.

Si vous avez des questions, veuillez nous laisser un commentaire. Vous pouvez également réserver un appel à votre convenance avec l’un de nos experts qui répondra à vos différentes questions via ce lien .

Évaluer combien peut coûter votre site web en utilisant notre calculateur de prix via ce lien.