Comment créer son site internet : Savoir quoi y mettre, le design, et tout mettre en forme

Dans cette vidéo et tutoriel vous verrez la procédure en 9 étapes pour apprendre comment créer son site internet, si vous partez d'une feuille blanche (Avant même de savoir quoi mettre à l'intérieur). Davy Network vient d'être lancé et ceci en est le premier article ! Afin de regrouper les blogs / formations sous une même enseigne, je me suis lancé dans la création d'un site internet pour mon entreprise, afin de centraliser tous les produits, services, et activités que l'on propose. J'ai déjà fait des créations (je rappelle que je ne suis ni programmeur ni designer) de sites internet plusieurs fois, et je me suis servi de cette expérience pour en tirer 9 étapes principales que j'ai suivies, pour élaborer et créer son site internet. Il s'agit de la procédure que j'ai utilisé, à chaque nouvelle création. Et vu que le résultat est plutôt pas mal (avec pas mal de fonctionnalités qui plus est), je me suis dis que documenter la procédure et en faire une étude de cas, serait une excellente ressource pour découvrir comment créer son site internet.

Comment créer son site internet : Les 9 étapes

Voici donc une étude de cas, avec ces 9 étapes. Dans cette vidéo je ne montre pas une énième procédure pour installer un site internet, mais toutes les étapes à suivre pour savoir comment créer son site internet lorsque l'on part de zéro, la tête devant un écran blanc, sans même savoir ce que l'on veut mettre à l'intérieur, et comment procéder. Vous allez voir que sans compétences techniques, et même avec un tout petit budget (Le premier site internet professionnel que j'ai fait sous traité m'a coûté près de 7000 euros !), vous pouvez avoir votre site web professionnel, à votre image, avec les fonctionnalités qu'il vous faut. Et aujourd'hui, vous ne pouvez plus vous permettre d'avoir un site médiocre, car l'aspect (comme quand on rencontre quelqu'un), est directement associé à la qualité des produits par notre cerveau. Voici les 9 étapes que j'ai suivies, et comment vous pouvez vous en inspirer pour, si vous partez de zéro ou que votre site web est incomplet ou très moche, développer votre site internet professionnel, sans compétences techniques :

Étape 1 : La liste des besoins

Ou le "cahier des charges" aussi, ce fameux document que personne n'aime rédiger et qu'aucun designer n'aime lire. Si votre site est très complexe, alors il en faudra un. Sinon, pour un blog, site vitrine, ou même une e-boutique, vous allez utiliser des systèmes qui existent déjà (j'en parle plus tard), donc rédigez simplement une liste des besoins sur une feuille : Les pages dont vous avez besoin, les fonctionnalités et les encarts.

Étape 2 : Réunir et imprimer les pages de 9 sites qui vous plaisent

Piochez 9 sites internet, qui ont un design impactant et efficace sur votre marché. Pas 8, pas 10, juste 9. Comme ça, vous pourrez les poser devant vous, afin de former un grand rectangle, vous donnant une vision d'ensemble de ces designs (The "Big Picture" !), ce sera beaucoup plus facile pour vous de savoir ce qui est utile de piocher, et de comparer ces feuilles. Cela peut-être avec la page d’accueil, mais aussi des pages de login, d'inscription, des landing pages, pages produit... Reproduisez l'opération autant de fois que nécessaire. Personnellement je l'ai fait avec des squeeze pages, pages de vente, pages d’accueil, pages d'inscription et pages de login.

Étape 3 : Dessiner une maquette papier

Utilisez l'étape 2 pour dessiner votre / vos maquettes. C'est là que vous allez donner une image du site internet que vous aimeriez avoir. Créer un bon site internet, c'est aussi le faire en fonction de votre marché, évitez les "gadgets" simplement pour les avoir, privilégiez les fonctionnalités qui vont bénéficier votre audience.

Étape 4 : Reproduire la maquette en "montage digital"

Maintenant que vous avez votre brouillon que seul vous pouvez comprendre, il vous faut refaire la même chose, mais en digital. Soit avec Photoshop, soit avec Moqups si le copier / coller n'est pas votre truc. Ou au pire du pire, de nouveau sur papier, mais cette fois-ci, en y apportant le plus grand soin. Faites-le pour toutes les pages importantes du site.

Étape 5 : Comment créer son site internet (Quelle solution technique ?)

Soit vous avez une idée "personnalisée", comme un script ou une Web-App, auquel cas il faudra tout reprendre de zéro et ça vous coûtera très cher, mais pour 99% d'entre vous qui travaillez avec du contenu (blog, e-boutique, site-vitrine, site communautaire, site membre), il existe une solution technique pour savoir comment créer son site internet peu importe votre idée : WordPress pour les blogs et sites d'entreprise, Prestashop pour les e-boutiques, PhpBB pour les forums, etc. Ce ne sont pas les seuls, donc recherchez sur internet la solution technique qui correspond à vos besoins et à votre idée.

Étape 6 : Choisir un thème pour "habiller" le site

Chaque solution technique s'accompagne de plugins et de thèmes. Commencez par choisir un thème (Je vais sur themesforest), qui correspond à votre univers, et à votre liste des besoins. N'hésitez pas à prendre du temps pour choisir, et focalisez-vous en priorité sur les fonctionnalités plutôt que le design, car le design on peut facilement le personnaliser plus tard.

Étape 7 : Apprendre le fonctionnement de la solution technique

Testez les différentes rubriques, lisez les notices techniques, pendant que le site est encore vierge. Vous pourrez toujours reprendre à zéro si nécessaire. En général ce que je fais, c'est dupliquer le site sur un sous-domaine, pour pouvoir faire tous les tests, ou implanter de nouvelles fonctionnalités. Lorsque l'on crée son site internet, difficile de donner des instructions (et de ne pas se faire avoir aussi), sans savoir plus ou moins comment ça fonctionne, les possibilités de la solution, les limites, etc. Il suffit de prendre 2/3 jours pour utiliser les différentes fonctionnalités, faire des recherches sur celles que vous ne comprenez pas, pour avoir une bonne vision d'ensemble de son fonctionnement.

Étape 8 : Lister les éléments graphiques et le contenu nécessaire (Et créer ce qui dépend de vous)

Faites une nouvelle liste, avec tous les éléments graphiques dont vous aurez besoin (Vignettes, photos, textes...), et différenciez ceux qui dépendent de vous, et ceux qui dépendent d'un designer. Cela vous prendra ensuite un peu de temps pour réunir les éléments qui dépendent de vous, selon ce que vous possédez déjà ou pas. Note : Vous pouvez également reprendre votre liste des besoins, pour voir s'il existe des plugins, qui vous permettront de satisfaire ces besoins ou les encarts de votre site internet. C'est facultatif, car vous pourrez (et devriez) sous-traiter ça ensuite (Si vous vous demandez comment créer son site internet sans connaissances techniques, le secret c'est la sous-traitance. Et non, sous traiter correctement ne coûte pas plusieurs milliers d'euros...)

Étape 9 : Personnaliser le thème / Installer les éléments graphiques et le contenu

Cette partie est à faire sous-traiter entièrement, de préférence. Une fois que vous avez réuni tous les éléments et que tout est bien expliqué sur vos maquettes, ce n'est plus qu'une question de "mise en forme". Donc forcément, ça vous reviendra beaucoup moins cher. Pour 6 différents templates de pages, j'avais payé aux alentours de 500 euros. Si vous ne faites que la page d’accueil, la page produit et la page à propos, ça ne devrait pas coûter plus de 200 euros. Il faut aussi prendre en compte l'étape 8 juste avant, pour les éléments graphiques que vous avez dû sous-traiter. Et si vous utilisez un thème qui possède un "page builder" (Ça vous permet de glisser / déposer les éléments dont vous avez besoin pour créer vos pages), alors ça sera gratuit. Mais même si vous l'avez, l'idéal c'est de le sous-traiter, personne ne le fera mieux qu'un expert (Il y a toujours un peu de code qui vient s'ajouter à la partie), et ce sera fait très rapidement. Votre designer s'occupera également d'installer les plugins nécessaires, selon la liste des besoins et les maquettes. Vous pouvez aussi lui dire les plugins que vous souhaitez utiliser si vous avez des demandes spécifiques, si vous les avez listés à l'étape 8. Comment créer son site internet : Donc voila en gros les 9 étapes pour fonder votre site web, que j'ai suivies pour l'installation de "Davy Network", (Oui, le même site sur lequel vous lisez cet article), après ça, il faudra vérifier et modifier ce qui ne vous plaît pas, et rajouter les autres idées qui seront venues en cours de route (il y en a toujours). Un site internet est évolutif aussi, donc vous pouvez constamment ajouter de nouvelles fonctionnalités, aussi bien pour améliorer votre productivité, que pour améliorer l'expérience des utilisateurs. Ou alors et c'est le plus important, pour s'adapter aux évolutions de votre marché. Et après quelques années où il sera temps de le rafraîchir, vous pourrez suivre la même logique. Ces étapes ne sont pas exhaustives et représentent également une vue d'ensemble pour apprendre comment créer son site internet, si vous n'avez que très peu d'expérience sur le Web et que vous souhaitez vous lancer ! Que pensez-vous de cette procédure, auriez-vous / avez-vous déjà procédé autrement pour créer votre site internet ?