CRÉEZ

VOTRE PROPRE SITE

WEB
Vous êtes motivé.e, ça y est, cette fois vous vous attelez à la
conception de votre site internet.
Vous n’avez pas forcément besoin d’être ingénieur.e en
informatique pour le faire vous-même : il existe aujourd’hui
différents outils qui peuvent vous faciliter le travail.
Vous avez peut être une idée plus ou moins précise du travail
qui vous attend, par contre, cette to-do list à rallonge vous laisse
un peu perplexe.
Par où commencer ?
Devrais-je faire certaines choses d’abord pour les utiliser dans
les jours suivants ?
Est-ce que je dois commencer par les textes ? L’hébergement ?
Les images ? La maquette ? La rédaction ?
 
Lorsque je crée un site web pour un.e client.e en partant de
zéro, je suis toujours un certain nombre d’étapes, dans le même
ordre. Au total, 34 étapes pour arriver au résultat final : des sites
web qui attirent et convertissent leur client idéal.
Au fil des années, ces étapes ont fini par devenir un véritable
process, que j’ai rassemblé dans un document pour être sur.e
de ne rien oublier. 
Et ce document, le voici. Un peu adapté pour être
compréhensible par tout le monde (ou presque), j’en ai enlevé
tout le jargon informatique incompréhensible (enfin j’ai essayé!)
pour ne laisser que des explications claires, et une feuille de
route à suivre pas à pas jusqu’au grand jour… Celui du
lancement!
 
N’hésitez pas à adapter ces 34 étapes à votre propre projet,
ajouter ou supprimer des tâches, ou déléguer certaines parties.

Page 1
WWW.ANDREA-STUDIO.FR
 TRAVAIL PREPARATOIRE

PARTIE 1 : PREPARATION
Tout commence par une grande partie de réflexion, où vous devez décider :
 
Quels sont les objectifs de ce site ?
Comment allez vous remplir ces objectifs, grâce à des éléments graphiques
et du contenu textuel?

1 - DÉFINIR L’OBJECTIF DU SITE ET LE MESSAGE

Votre stratégie marketing doit être claire.
Votre message doit être limpide et votre prospect doit pouvoir le comprendre en
quelques secondes.
Vous devez avoir une mission et une vision pour votre entreprise, c’est la première
étape qui posera toutes les fondations de votre communication.

2 - DÉFINIR VOTRE CLIENT IDÉAL

Point crucial de votre stratégie,  votre client idéal doit être défini avec une incroyable
précision. Vous devez presque le connaitre personnellement.
Vous avez besoin d’informations précises et tangibles :

Genre
Age
Niveau d’éducation
Hobbies, etc.

Mais surtout ce qui nous intéresse, ce sont ses motivations et ses freins :
Qu’est ce qui le motive?
Et qu’est ce qui l’angoisse?
Quelles sont ses peurs?
Cette étape est l’une des plus importantes. Et une fois ce travail fait, vous saurez
à qui vous vous adressez, et toute votre communication sera plus facile à mettre
en place et surtout plus fluide.

Page 3
WWW.ANDREA-STUDIO.FR
 TRAVAIL PREPARATOIRE

3 - CONCEVOIR VOS OFFRES

Vos offres doivent être très claires et faciles à comprendre.
Vous pouvez par exemple les présenter sous forme de package pour plus de clarté.
Sur votre site, vous aurez le choix de mettre les tarifs, à la manière d’une boutique,
ou de mettre seulement une fourchette si les devis sont variables.
En tout cas, vous devrez faire figurer vos offres (c’est le but du jeu finalement) et
éventuellement créer des pages de vente distinctes.

Page 4
WWW.ANDREA-STUDIO.FR
 INSTALLATIONS

PARTIE 2 : PREPARATION TECHNIQUE

La deuxième partie du travail est plus technique

Cette partie peut être déléguée à un développeur.

 
1 - RÉSERVER UN NOM DE DOMAINE
Il est temps de réserver votre place sur le web.
Vous aurez plus ou moins de chance d’obtenir précisément le nom de domaine que
vous
souhaitez, suivant le nom de votre entreprise.
Vous choisirez l’extension suivant ce qui vous parait le plus approprié : .com, .fr, .be,
.bzh, il en existe désormais des milliers, et c’est un choix qui vous appartient
totalement.

5 - CHOISIR UN HÉBERGEMENT
Vous devez aussi à cette étape choisir un hébergement. Sans quoi votre site ne
sera  accessible à personne.
De nombreuses entreprises proposent des services d’hébergement web, à des tarifs
divers en fonction de vos besoins.
N’hésitez pas à comparer les prix avant de vous décider, ainsi que le support
technique
offert par l’entreprise en cas de problème.
Une fois votre abonnement souscrit, il vous restera quelques étapes techniques pour
héberger vos futurs fichiers et configurer la base de données. Les hébergeurs
proposent souvent des documentations très fournies, ou même des packs avec des
modules préinstallés sur leurs serveurs lors de la souscription.

6 - FACULTATIF : CHOISIR UN CMS

Si vous êtes là, j’imagine que vous n’avez pas l’intention de coder à la main tout
votre site.
Dans ce cas, utiliser un CMS peut être une bonne solution. Il s’agit d’une sorte de
squelette de base que vous pouvez utiliser selon vos besoins.  C’est normalement a
la portée de quasiment tout le monde après un petit temps d’apprentissage.

Page 5
WWW.ANDREA-STUDIO.FR
 INSTALLATIONS

Il en existe plusieurs, certains sont spécialement conçus pour le e-commerce

(comme Prestashop), et d’autres sont plus polyvalents (comme Wordpress ou
Squarespace).
Wordpress à  un avantage : c’est le plus utilisé, de nombreuses ressources et forums
d’utilisateurs pourront vous aider en cas de problème.
Installez le contenu du dossier de votre CMS sur les serveurs de votre hébergeur,
puis
suivez la procédure d’installation fournie dans la documentation.
Lorsque cette partie est terminée, n’hésitez pas à prendre un petit moment pour
explorer le fonctionnement si c’est la première fois.

MON CONSEIL
Une fois cette partie technique terminée (enfin!), assurez vous de bien noter vos
mots de passe!
Puisque évidemment vous avez choisi des mots de passe forts, que personne ne
pourra deviner pour pirater votre site. Et surtout, ne les perdez pas, ils sont
extrêmement importants!

Page 6
WWW.ANDREA-STUDIO.FR
 IDENTITÉ VISUELLE

PARTIE 3 : TRAVAIL GRAPHIQUE

Il est temps de se pencher sur l'univers graphique de votre futur site web.
Cette partie peut être déleguée à un.e graphiste

7- CRÉEZ UN MOODBOARD
Collectez des images, polices, illustrations ou exemples de sites web qui
correspondent à
l’identité visuelle que vous souhaitez pour votre marque, en adéquation avec votre
cible bien sûr.
C’est un moyen très sûr de ne pas se disperser en cours de route et d’obtenir une
identité visuelle harmonieuse.

8- CHOISISSEZ LES POLICES ET LA PALETTE DE COULEURS

Choisissez votre palette de couleurs officielle! Environ 5 couleurs (des claires et des
sombres) que vous utiliserez sur TOUS vos supports, à commencer par votre site
web, pour avoir une identité visuelle cohérente.
Choisissez également environ 3 polices. Certaines seront utilisées uniquement pour
les titres par exemple.

9 - CRÉEZ UN LOGO
Si vous n’en avez pas encore. C’est indispensable pour tous vos supports de
communication, et a fortiori pour votre site web.  Avec tous les éléments cités plus
haut, vous obtiendrez un ensemble harmonieux.

10 - CHOISISSEZ LES IMAGES

Sélectionnez les images qui correspondent à votre palette de couleurs, à votre
message et à
votre cible.
Vous pouvez piocher dans votre propre disque dur, ou faire des photos
professionnelles (c’est un investissement à très forte valeur ajoutée, qui donne un
aspect professionnel indéniable à votre communication).
Pour des images d’illustration, vous pouvez acheter des photos ou en trouver dans
des banques d’images gratuites.

Page 7
WWW.ANDREA-STUDIO.FR
 RÉDACTION

PARTIE 4 : CREATION DU CONTENU

Réfléchir au contenu en premier vous permet de savoir quels éléments placer,
à quels endroits, et dans quel but.
Lorsque votre site sera terminé, vous n’aurez plus qu’à coller ces textes aux
emplacements de votre choix dans les pages prévues.

11 - CRÉEZ LES PAGES EN FONCTION DE VOTRE OBJECTIF

Décidez quelles pages vous avez besoin d’inclure dans votre site pour servir vos
objectifs. Schématisez la future navigation.
Certaines pages sont quasiment obligatoires. D’autres sont optionnelles en fonction
des
besoins de chacun.
Mieux vaut décider tout ça à cette étape.

12 - CRÉEZ LE BLOG
Si vous souhaitez en intégrer un. Réfléchissez à la manière dont vous souhaitez
organiser vos articles, quelles catégories vous souhaitez créer, prévoyez d’éventuels
documents téléchargeables, le nombre d’articles que vous souhaiterez afficher,
la taille des blocs etc.

13 - CONCEVEZ LE PARCOURS UTILISATEUR

Par exemple si votre objectif est de faire arriver votre prospect jusqu’à un formulaire
de réservation, réfléchissez à la manière dont vous allez le guider jusque là, en
partant de l’accueil, puis concevez le « cheminement » jusqu’à cette dernière étape.

14 - RÉDIGEZ LA PAGE D’ACCUEIL

Uniquement les textes. Ils sont extrêmement importants. Vous avez quelques
secondes pour
capter l’attention de votre visiteur, alors appliquez vous !
Il devra comprendre en quelques mots : qui vous êtes, ce que vous faites et
pourquoi vous êtes la personne idéale pour résoudre son problème.
Et n’oubliez pas les appels a l’action clairs, pour le guider là ou vous le souhaitez !

Page 8
WWW.ANDREA-STUDIO.FR
 RÉDACTION

15 - RÉDIGEZ LA PAGE « À PROPOS »

La page « A propos » exprime plus en profondeur qui vous êtes, et votre message.
Des textes et des visuels, qui, par l’émotion, feront comprendre à votre prospect que
vous êtes la personne qu’il lui faut.

16 - RÉDIGEZ LA PAGE PRODUITS/OFFRES

Montrez à vos clients ce que vous faites.
En quoi consiste votre offre ?
Comment s’appellent vos produits ?
À qui s’adressent-ils ?
Quels problèmes de votre prospect vont-ils résoudre ?

17 - CONCEVEZ VOTRE PORTFOLIO

Si vous êtes artiste, graphiste, webdesigner, créateur de toutes sortes de choses,
faites figurer ce dont vous êtes fièr.e dans votre portfolio, et présentez le de manière
à mettre
en valeur vos créations.
18 - CRÉEZ LA PAGE CONTACT
Avec un formulaire pratique pour vous en y faisant figurer des infos importantes
pour votre activité.
Mais pas trop long, vos visiteurs rechigneront souvent à remplir un long
questionnaire.

20 - CRÉEZ LA PAGE MENTION LÉGALES

Qui informe vos visiteurs sur votre entreprise : nom, adresse, hébergeur,etc.

21 -  CRÉEZ LA PAGE POLITIQUE DE CONFIDENTIALITÉ

Qui explique comment sont traitées les données personnelles des utilisateurs.

22 - CRÉEZ LA PAGE DES CONDITIONS GÉNÉRALES DE VENTE

Si vous vendez des produits ou services directement sur votre site.

Page 9
WWW.ANDREA-STUDIO.FR
 RÉDACTION

19 - RÉDIGEZ QUELQUES ARTICLES DE BLOG

Commencez par rédiger entre 3 et 5 articles qui seront déjà disponibles au
lancement du
site, afin que la partie blog ne soit pas vide. Ainsi votre blog pourra attirer des
visiteurs dès la mise en ligne, et vos lecteurs auront quelque chose à se mettre sous
la dent.

20 - AJOUTEZ DES ICONES DE RÉSEAUX SOCIAUX

Et connectez-les à vos profils sur différents réseaux. Le lien doit mener à la page de
votre
profil, où la personne intéressée pourra facilement s’abonner à vos publications.

Page 10
WWW.ANDREA-STUDIO.FR
 INTÉGRATION

PARTIE 5 : TRAVAIL GRAPHIQUE

Place à la véritable personnalisation de votre site web. Cette partie est la plus
longue, et peut parfois être un peu technique, mais c'est maintenant que tout
va prendre forme
Cette partie peut être déléguée à un.e développeur.e.

21 - METTEZ EN PLACE TOUTE L’IDENTITÉ VISUELLE

Votre identité visuelle est complète, puisque vous avez tout prévu en amont :
couleurs, polices, images, textes, logo, tout est prêt. Maintenant il faut mettre chaque
chose à sa place de la bonne manière.
Si vous utilisez un CMS comme Worpdress, l'ajout de contenu est assez simple : des
blocs de texte à remplir, des images par glisser-déposer, des petits réglages pour
les couleurs et les polices, etc. Inutile d'utiliser du code.

Cette partie est néanmoins assez longue, et vous prendra au minimum quelques
jours.
Même si vous utilisez un template, il vous faudra ajuster pas mal de choses,
appliquer vos propres polices, votre palette de couleur, mais surtout disposer les
éléments de manière cohérente et de façon à servir vos objectifs de vente. 

Vous pouvez aller plus loin et personnaliser absolument chaque élément pour qu’il
colle parfaitement à vous et à votre marque. Et si vous maitrisez un peu le code,
les possibilités sont infinies!
22 - AJOUTEZ VOTRE LOGO
Assurez-vous que votre logo s’affiche correctement, et surtout qu’il ne soit pas trop
grand.
A la création, il est en très grand format afin de pouvoir être imprimé sans
perte de qualité.
Si vous l’affichez tel quel sur votre site il risque de prendre tout l’écran!
23 -  AJOUTEZ UN FAVICON
Très utile, cette icône s’affiche en miniature dans les onglets des navigateurs, et
est l’image de votre site dans diverses applications.
Vous pouvez la concevoir vous même au format PNG ou utiliser votre logo.

Page 11
WWW.ANDREA-STUDIO.FR
 INTÉGRATION

24 - OPTIMISEZ LES IMAGES

Vos photos devront être les plus légères possibles, tout en étant d’excellente
qualité pour ne pas pixeliser à l’affichage sur les grands écrans.
Vous pouvez les compresser, les redimensionner et aussi les recadrer pour ne
garder
que l’essentiel.

25 - PENSEZ BIEN AUX VERSIONS MOBILES

Gardez à l’esprit qu’une grande part de votre trafic se fera depuis des appareils
mobiles : des téléphones bien sûr, de différentes tailles, mais aussi des tablettes, des
très grands écran d’ordinateur de 19 pouces, des petits MacBook qui font la taille de
2 tablettes, bref, une infinité de dimensions d’écrans
Sur lesquels votre contenu devra s’afficher correctement, sous peine d’empêcher
vos visiteurs d’accéder à l’information. Voire même de les faire tout simplement fuir.

Page 12
WWW.ANDREA-STUDIO.FR
 TESTS

PARTIE 6 : VERIFICATIONS
Dernière étape avant le mise en ligne officielle : les tests et vérifications !

26 - VÉRIFIEZ L’AFFICHAGE MOBILE.

Vous pouvez utiliser un outil type «Resizer » pour essayer en direct différentes
tailles d’écrans..
Regardez chaque page attentivement, voyez si certaines images ralentissent le
chargement, observez la taille des polices et la facilité de lecture.
Testez chaque champ de  formulaire, et chaque menu pour voir si tout est
cliquable et remplissable facilement depuis un smartphone.

27 -  PENSEZ AU RÉFÉRENCEMENT
Même si vous n’êtes pas un.e expert.e du SEO, assurez-vous quand même que les
bases
sont respectées. Balises "alt" des images, densité des mots-clés, titres, maillage
interne, méta-descriptions, etc.
Ce serait dommage de se priver de la puissance des moteurs de recherche.

28 - PENSEZ À L’ACCESSIBILITÉ POUR LES VISITEURS HANDICAPÉS

Nombre de vos visiteurs (et donc de vos clients potentiels) ont par exemple des
problèmes de vue, qui rendent  certains affichages difficiles à déchiffrer. Ils peuvent
aussi compenser leurs handicaps par différents outils, pour lesquels le contenu de
votre site doit être adapté,
Sans quoi toutes vos offres seront simplement invisibles pour une partie de vos
visiteurs… N’hésitez pas à consulter cet article pour faire les bons choix.

29 -  TESTEZ LES LIENS

Cliquez sur TOUS les liens, internes et externes, et sur tous les boutons. N’oubliez
pas les icônes de réseaux sociaux. Vérifiez qu’ils fonctionnent tous et emmènent bien
au bon endroit. On sous-estime souvent le nombre incroyable de liens présents sur
un site web, et il n’est pas rare d’en oublier!

Page 13
WWW.ANDREA-STUDIO.FR
 TESTS

30 - VÉRIFIEZ L’ORTHOGRAPHE ET LA GRAMMAIRE

Au besoin, faites tout relire par quelqu’un. Vous travaillez sur ce site depuis plusieurs
semaines, il est possible que vous ne remarquiez même plus les fautes s’il y en a!

31 - TESTEZ VOTRE FORMULAIRE DE CONTACT

Remplissez tous les champs, et envoyez-vous un e-mail. Et vérifiez que le mail arrive bien
au bon endroit. Sinon vous pouvez attendre les clients très longtemps!

32 - CONFIGUREZ LES OUTILS STATISTIQUES

Configurez par exemple l’accès aux données de votre site pour Google Analytics, qui
vous
donnera de précieuses informations sur vos visiteurs! Trafic, taux de rebond,
données géographiques, pages vues, pages d’entrée, de sortie, c’est une mine
d’informations qui vous permettra de faire des ajustements.

33 - CONFIGUREZ LA GOOGLE SEARCH CONSOLE

Elle vous permet de voir si Google a rencontré un problème pour l’indexation de
votre site, et aussi de voir quels mots clés sont utilisés pour arriver jusqu’à vous. Une
partie est des réglages se fait dans l’interface de votre hébergement.

34 - RESPECTEZ LE RGPD
Mettez en place un dispositif qui recueille le contentement de vos visiteurs pour
collecter des cookies. C’est obligatoire depuis 2018, donc veillez à être en règle par
rapport à la réglementation RGPD.

EN SAVOIR PLUS
N'hésitez pas à lire cet article, pour en savoir plus sur les dernières vérifications à
effectuer avant le lancement :
5 points à vérifier avant le lancement d'un site internet

Page 14
WWW.ANDREA-STUDIO.FR
 LANCEMENT

DERNIERE ETAPE : MISE EN LIGNE

Après tous ces efforts, et peut être toutes ces péripéties, votre nouveau site
internet est enfin en ligne!
Remplissez la checklist à cocher pour être sûr.e de n'avoir rien oublié.
Pour la suite, n'oubliez pas de faire les mises à jours nécessaires régulièrement.

POUR ALLER PLUS LOIN :

CES ARTICLES POURRONT PEUT ÊTRE VOUS AIDER!
Créer son site internet soi-même : avantages et inconvénients
Les 3 pages les plus importantes d'un site internet
Les éléments indispensables de la page d'accueil
Créer son site internet soi-même : les erreurs à éviter

BESOIN D'AIDE?
N'hésitez pas me contacter si vous souhaitez que je m'occupe des parties les plus
techniques de votre projet.
À bientôt !

Morgane

Page 15
WWW.ANDREA-STUDIO.FR