Vous êtes artisan, profession libérale ou simplement à la recherche d'une solution pratique pour vous présenter en ligne ? Créez un site en une page : c'est simple, efficace et rapide à créer. Vous ne perdez pas de temps à créer trop de contenu et vos visiteurs trouveront juste ce qu'il faut pour leur donner envie d'entrer en contact avec vous. Dans cet article, je vous guide étape par étape pour créer un site en une page avec OnlineCreation.me.

Quand on développe son premier site, un réflexe de débutant consiste à créer immédiatement un site très fourni, avec plein de pages textuelles. Problème : c'est long, ça nécessite un travail important de mise en page et le visiteur finit sa visite distrait par l'abondance d'informations au point d'en oublier de vous contacter.

Un site en une seule page est conçu pour être simple et direct. Il est un peu une carte de visite super-améliorée : il permet à vos visiteurs d'obtenir rapidement les informations essentielles sans effort. En moins de trois minutes, un visiteur peut comprendre qui vous êtes, ce que vous faites et comment vous contacter.

Voici les sections clés d'un site en une seule page :

1. Écran d'accueil : une phrase d'accroche et un bouton qui mène à un formulaire de contact.
2. Présentation : une brève description de vous ou de votre entreprise et un bouton qui mène à un formulaire de contact.
3. Réalisations et preuve sociale : un espace pour montrer vos travaux ou projets, que des tiers valident votre travail (par des témoignages clients ou des labels qualité), et un bouton qui mène à un formulaire de contact.
4. Formulaire de contact : un moyen simple pour que vos visiteurs puissent vous contacter.

Étapes pour Créer un Site en Une Seule Page

1. Créez votre site

1. Rendez-vous sur OnlineCreation.me.
2. Cliquez sur "Créer un site" en haut à droite.
3. Sélectionnez la couleur rouge (la première) ou bleue (seconde) et le premier thème qui s'affiche. Il est possible d'utiliser d'autres thèmes, mais le résultat est généralement moins optimal.
4. Suivez les instructions pour créer votre site.

2. Accédez à l'outil de rédaction

1. Rendez-vous sur OnlineCreation.me.
2. Cliquez sur "Connexion" en haut à droite et identifiez-vous si nécessaire.
3. Cliquez sur le bouton "Rédaction du site", première icône dans la barre de menu.
4. Dans le menu de gauche, cliquez sur la page Accueil créée par défaut.
5. Sélectionnez tout son contenu et supprimez-le. Vous disposez maintenant d'une page d'accueil vierge.

3. Composez votre écran d'accueil

L'objectif de cette section est d'injecter instantanément dans l'esprit de votre visiteur qu'il vient de trouver ce qu'il recherche. Vous devez créer quelque chose de tellement simple et impactant que la lecture de cette section doit être inconsciente.

Prérequis

• Une photo évoquant votre activité peu ou une image abstraite; dans les deux cas, la photo doit contenir le minimum d'éléments et être la plus uniforme possible. Si vous n'avez pas de photo ni d'image de ce type, vous pouvez en télécharger une sur une bibliothèque de photos libres de droits.
• Une phrase d'accroche simple et percutante qui résume ce que vous faites. Par exemple, "Votre plombier à Cauderan" ou "Consultant en marketing digital".

Sur votre page d'accueil vierge

1. Appuyez trois fois sur la touche ↵ Enter de votre clavier pour créer plusieurs lignes vides.
2. Placez le curseur dans la première ligne en cliquant dessus.
3. Cliquez sur Insérer ici… dans la barre d'outils.
4. Dans la fenêtre qui s'ouvre, envoyez une photo évoquant votre activité et une fois le transfert terminé, double-cliquez dessus.
5. À l'étape "Comment souhaitez vous insérer ce fichier ?", cochez Afficher l'image et dans la liste de choix Alignement, choisissez Parallax plein écran. Cliquez sur Insérer.
6. Cliquez au centre de l'image insérée et écrivez votre phrase d'accroche.
7. Après votre phrase d'accroche, appuyez sur la touche ↵ Enter de votre clavier pour créer une nouvelle ligne.
8. Cliquez sur le menu Insérer > Insérer un modèle…
9. Dans la fenêtre qui aparait, dans la liste Thèmes, choisissez Bouton. Cliquez sur Enregistrer.
10. Cliquez sur le bouton pour le sélectionner et cliquez sur Insérer/modifier un lien.
11. Dans le champ Texte à afficher, écrivez un appel à l'action invitant votre visiteur à prendre contact avec vous. Par exemple :
    
    • Me contacter (ou Nous contacter)
    • Demander un devis
    • Demander à être rappelé
    • Demande d'informations
12. Dans le champ URL, remplacez la valeur courante par #contact 
13. Dans le champ Ouvrir le lien dans, choisissez Fenêtre active.
14. Cliquez sur Enregistrer.
15. Vous pouvez centrer le bouton en cliquant sur Centrer.

4. Ajoutez votre présentation

Une fois que vous avez l'attention de votre visiteur, convaincu que vous proposez les services qu'il recherche, vous devez le convaincre que vous êtes la personne qu'il lui faut. Pour ce faire, vous allez vous présenter sous trois formes :

• Une phrase d'introduction de 30 mots maximum pour vous présenter brièvement. Par exemple : "La raison d'être du Secrétariat Saint-Roustan est de vous assister dans les tâches du quotidien de votre entreprise et de vous aider à vous focaliser sur l'essentiel.".
• Deux paragraphes de 50 mots chacun pour vous présenter. Soyez concis et mettez en avant vos compétences et vos valeurs.
• Entre deux et quatre dessins ou icônes illustrant votre activité d'environ 150 px de hauteur.

Cette section doit s'adresser aux émotions de votre visiteur, il doit avoir le désir de travailler avec vous parce que vous partagez sa vision des choses.

Phrase d'introduction

1. Cliquez sur la ligne vierge après l'écran d'accueil et appuyez sur la touche ↵ Enter de votre clavier.
2. Écrivez votre phrase d'introduction.
3. Dans la liste de choix Paragraphe, choisissez Bloc > Texte d'entête.
4. Choisissez un alignement centré .

Paragraphe de présentation

1. Cliquez sur la dernière ligne vierge et appuyez sur la touche ↵ Enter de votre clavier.
2. Cliquez sur le bouton Colonnes de la barre d'outils de l'éditeur.
3. Sélectionnez 2 Colonnes (½:½) et cliquez sur Insérer.
   
4. Écrivez les paragraphes de texte dans les colonnes. La découpe horizontale facilitera la lecture. Assurez-vous que l'alignement est bien à gauche, évitez tout autre alignement.

Section illustrée

1. Cliquez sur la dernière ligne vierge et appuyez sur la touche ↵ Enter de votre clavier.
2. Cliquez sur le bouton Colonnes de la barre d'outils de l'éditeur.
3. Sélectionnez le nombre de colonnes correspondant au nombre d'illustrations que vous souhaitez afficher. Choisissez des colonnes aux mêmes proportions : soit "2 Colonnes (½:½)", soit "3 Colonnes (⅓:⅓:⅓)", soit "4 Colonnes (¼:¼:¼:¼)". Cliquez sur Insérer.
4. Pour chaque case créée,
   • Cliquez pour y placer le curseur,
   • Saisissez une caractéristique majeure de votre offre (par exemple "Disponible 7j/7"),
   • Centrez à l'aide de ,
   • Appuyez sur la touche ↵ Enter de votre clavier,
   • Cliquez sur Insérer ici…
   • Insérez une illustration en alignement centré.

Bouton d'appel à l'action

1. Cliquez sur la dernière ligne vierge et appuyez sur la touche ↵ Enter de votre clavier.
2. Cliquez sur pour aligner votre curseur au centre.
3. Cliquez sur Insérer > Insérer un modèle…
4. Choisissez Bouton et cliquez sur Enregistrer.
5. Cliquez sur le bouton et cliquez sur Insérer/modifier un lien.
6. Dans le champ Texte à afficher, écrivez un appel à l'action invitant votre visiteur à prendre contact avec vous.
7. Dans le champ URL, remplacez la valeur courante par #contact 
8. Dans le champ Ouvrir le lien dans, choisissez Fenêtre active.
9. Cliquez sur Enregistrer.

5. Réalisations et preuves sociales

Cette section sert à convaincre les personnes qui hésitent encore à vous convaincre. Si votre travail est visuel, choisissez huit photos que vous disposerez en vis-à-vis avec la fonction Colonnes.

Si votre travail est soumis à des autorisations, si vous adhérez à des labels qualité ou à une plateforme d'avis clients, utilisez cette section pour vous mettre en valeur. C'est ici que vous présentez les éléments les plus factuels possibles pour prouver votre sérieux, la qualité de votre travail et la satisfaction de vos clients. Vous pouvez aussi citer des références, des témoignages clients, etc.

Cette section doit s'adresser à la raison de votre visiteur. Il doit être convaincu, preuves à l'appui, que vous êtes la bonne solution.

Vous pouvez faire précéder cette section d'un titre. Par exemple "Ils nous font confiance". Dans la liste de choix Paragraphe, choisissez Titres, puis Titre 2 pour mettre votre titre en forme. Vous pouvez aussi le centrer.

6. Ajoutez un formulaire de contact

C'est ici que tout se joue. C'est aussi l'étape la plus simple.

1. Cliquez sur la dernière ligne vierge et appuyez sur la touche ↵ Enter de votre clavier.
2. Cliquez sur le menu Insérer puis sur Ancre.
3. Saisissez contact et cliquez sur Enregistrer.
4. Appuyez sur la touche ↵ Enter de votre clavier.
5. Saisissez un titre, par exemple "Contactez-nous" et choisissez Titres > Titre 2 dans la liste de choix Paragraphe. Vous pouvez centrer le titre
6. Appuyez sur la touche ↵ Enter de votre clavier.
7. Cliquez sur le bouton Colonnes de la barre d'outils de l'éditeur.
8. Sélectionnez 2 Colonnes (⅓:⅔) et cliquez sur Insérer.
9. Dans la colonne de gauche, écrivez vos coordonnées. N'inscrivez pas votre adresse e-mail.
10. Cliquez dans la colonne de droite.
11. Dans le menu Insérer, cliquez sur Formulaire de contact.
12. Saisissez votre adresse e-mail dans la boîte de dialogue et cliquez sur Insérer le code.
13. Le code que vous voyez symbolise l'endroit où s'affichera le formulaire de contact.

7. Séparateurs

Entre chaque section, une ligne a été sautée de manière à pouvoir insérer des éléments supplémentaires. Mon astuce pour rendre votre site plus pro : insérez entre chaque section

• un saut de 100 pixels
• une image parallax ou une ligne horizontale
• à nouveau d'un saut de 100 pixels

Pour ce faire

1. Cliquez sur une ligne vierge et appuyez deux fois sur la touche ↵ Enter de votre clavier.
2. Cliquez sur la première ligne.
3. Cliquez sur le menu Insérer puis sur Insérer un modèle…
4. Choisissez Saut de 100 pixels et cliquez sur Enregistrer.
5. Cliquez dans la ligne sous le saut de 100 pixels.
6. Ensuite :
   • Si vous souhaitez insérer une image, cliquez sur Insérer ici…, choisissez une image et affichez-la en alignement Parallax.
   • Si vous souhaitez insérer une ligne horizontale, cliquez sur Insérer > Ligne horizontale.
7. Placez votre curseur dans la seconde ligne vierge.
8. Cliquez sur le menu Insérer puis sur Insérer un modèle…
9. Choisissez Saut de 100 pixels et cliquez sur Enregistrer.
10. Enregistrez la page à l'aide du bouton du bas et cliquez sur Voir la page pour observer le résultat.

8. Menu

Votre site n'a qu'un seul but, mener votre visiteur à vous contacter. Ajoutons donc cela dans le menu de votre site.

1. Cliquez sur le bouton Ajouter une page.
2. Cliquez sur Lien externe.
3. Dans Nom de la page, saisissez Contact.
4. Cliquez sur Créer ma page.
5. Dans le champ Adresse du lien, remplacez le texte par /#contact
6. En bas à droite, dans Options de la page, décochez la case Ouvrir cette page dans une nouvelle fenêtre.
7. Cliquez sur Enregistrer en bas de l'écran.

Ça y est, vous avez terminé votre site ! Simple et efficace.

Conclusion

Un site en une seule page est une solution simple et efficace pour vous présenter en ligne. En suivant les étapes ci-dessus, vous pouvez créer un site qui capte l'attention de vos visiteurs et les incite à vous contacter. N'oubliez pas que la première impression compte : soignez votre écran d'accueil et votre présentation pour donner une image professionnelle et inspirer confiance.

Vous avez des questions ou des suggestions pour améliorer ce guide ? Partagez vos expériences et vos idées dans les commentaires ci-dessous. Je suis impatient de lire vos retours et de vous aider à créer le site parfait pour vous !