Gereso – Créer un site internet no-code

Bienvenue sur la page compagnon du livre Créer un site internet sans coder.

À propos de Créer son site internet no-code

Le livre est divisé en trois parties :

  • Une partie stratégique, très orientée sur le marketing. Elle s’étend du chapitre 1 au chapitre 6. Si votre intention n’est pas de faire de votre site un actif marketing, vous n’avez pas besoin de la lire.
  • Une partie opérationnelle, si vous souhaitez avoir de solides bases techniques pour un site web no-code. Elle s’étend du chapitre 7 au chapitre 12.
  • Une partie projet, qui est un exemple pratique de travail préparatoire à effectuer avant de passer à une plateforme no-code pour commencer la création de votre site web. Si vous êtes vraiment pressé, commencez par là. Et vous pouvez mettre votre site web en ligne en quelques heures seulement.

Rassurez-vous, le livre est accompagné d’un template (avec des liens vers des ressources supplémentaires).

En plus des vidéos que vous retrouverez sur cette page. 😎

Partie 1

Dans la première partie, je vais commencer par l’aspect « théorique » du design de site web, ainsi que par les fondations marketing qui motivent la création d’un site web.

Au chapitre 1 je vous ferai découvrir le design web et en quoi il consiste.

Au chapitre 2 je ferai un état des lieux des technologies low-code et no-code.

Au chapitre 3 je vous donnerai les meilleurs trucs et astuces pour choisir la meilleure plateforme no-code pour votre site web, en fonction de vos besoins. J’irai même plus loin, en vous donnant des pistes sur l’infrastructure qui vous permettra d’avoir votre site en ligne.

Au chapitre 4, je parlerai de l’écosystème de marketing digital, parce que votre site web ne devrait pas fonctionner en isolation. En réalité, il fait partie d’un tout dont il est le centre. J’ai fait l’erreur de penser le contraire au début, et mon site web n’a pas apporté grand-chose à mon business. Au contraire, il m’a consommé énormément de ressources. Ce chapitre est fait pour vous aider à éviter de commettre la même erreur que moi.

Au chapitre 5, je ferai un petit point sur la marque et le branding. Pourquoi ? Parce que le site web est un actif important de l’identité de marque (notamment de l’expression de la marque). Il est donc important de savoir quel rôle il aura à jouer dans le brand building.

Au chapitre 6, je parlerai de l’approche Growth-Driven Design. Pourquoi ? Parce qu’elle est importante à mettre en place pour votre projet, afin que vous sachiez comment réduire le temps passé à créer votre site web, et à tirer profit de la stratégie et de l’amélioration continue. D’ailleurs, le document de spécifications évoqué ici est conçu sur la base de cette approche.

Partie 2

Dans la deuxième partie, nous passons directement à l’aspect « pratique », sans transgresser les fondamentaux.

Au chapitre 7, je commence avec des aspects plus pratiques et plus actionnables de la création de site web : le document de spécifications. C’est la base de travail sur laquelle vous partirez pour créer votre site web.

Au chapitre 8, je vous présente les bases du design d’expérience utilisateur (design UX) qui vous permettront de compléter des aspects essentiels de votre document de spécifications : user/buyer personas, plan de site, flux d’utilisation et parcours utilisateur.

Au chapitre 9, j’aborde les aspects pratiques de la création de la partie visuelle de votre site web, l’interface utilisateur. Pour éviter la théorie, je vous propose ici de tirer profit des conventions et des patterns (schémas graphiques) couramment utilisés dans les différents types de site web. En plus, je vous présenterai un ensemble de directives de bon sens pour corriger les différents problèmes d’interface utilisateur auxquels vous pourriez être confrontés.

Au chapitre 10, je vous présente une méthode que j’utilise pour moi et mes clients, afin de connecter mes visiteurs à mon contenu, et leur permettant ainsi de passer à l’action. Cette méthode, le StoryBrand® Framework développée par Donald Miller est construite en 7 étapes.

Au chapitre 11, qui devrait être le seul chapitre de ce livre en réalité, je vous guiderai pas à pas dans les solutions WordPress, Webflow et Systeme.io pour la création de votre site web.

Enfin, au chapitre 12, je vous dirai pourquoi et comment vous devrez suivre les performances de votre site web en vue de les améliorer. Quoi mesurer, comment y arriver, et comment agir sur les informations recueillies.

Partie 3

C’est bien de vous dire ce qu’il faut faire, ce que vous devez préparer, et tout le bazar. Mais je crois que c’est mieux de vous montrer.

Dans ce document de spécifications, je vous montre pas à pas comment doit se présenter un projet dans la vie réelle.

L’exemple se base sur une entreprise réelle pour laquelle j’ai fait le travail de stratégie de marque et de design UX. J’étais accompagné dans l’aventure par un neuro marketer dont les intrants ont été déterminants dans la différenciation et le positionnement de l’offre.

Suite à des problèmes de naming, l’application a dû changer de nom. Et par souci de confidentialité, il y a beaucoup de données que j’ai changées.

NOTEZ BIEN

J’utilise ChatGPT pour générer la plupart des réponses pour remplir ce document de spécification. À chaque fois que ce sera possible, je mentionnerai le prompt (ou requête) et la réponse.

Vidéos du livre

Ici, je vais partager les ressources supplémentaires qui accompagnent l’ouvrage, chapitre par chapitre.

Figma

WordPress

Retrouvez le site d’exemple WordPress à l’adresse https://freemoveapp.wordpress.com/

Webflow

Retrouvez le site d’exemple Webflow à l’adresse https://freemove.webflow.io

Systeme.io

Retrouvez le site d’exemple Systeme.io à l’adresse https://freemove.systeme.io