Monter sa page tranche par tranche, c’est décider de tout : le fond, la barre du haut, la place du titre, chaque section et leur ordre. Si vous préférez partir d’un exemple, l’atelier propose vingt-quatre mises en page prêtes, chacune pensée pour une famille de métiers. Elles se trouvent dans le menu Créer, sous « Partir d’une mise en page ».
Ce qu’est une mise en page prête
C’est une page entière déjà montée avec les blocs de la bibliothèque :
- une façon de faire bouger le fond, ou une image fixe ;
- une ou deux matières posées dessus, comme un grain ou une texture papier ;
- une barre de navigation ;
- la place du titre sur le premier écran ;
- une suite de sections, dans un ordre précis ;
- un bloc de contact et un pied de page.
Chaque mise en page est montrée en miniature, de la navigation au pied de page, avec son nom, le secteur visé, une ligne qui dit pour qui elle est faite, son nombre de sections et le type de fond. Les miniatures s’animent quand vous les survolez.
Ce qui se passe quand vous en choisissez une
Un clic coche tout le parcours d’un coup. Rien n’est encore écrit ni payé : vous revenez à l’aperçu, la page montée devant vous. Vous décrivez ensuite votre activité, puis la scène du fond, lancée au prix affiché sur chaque rendu, comme pour une page montée à la main. Quand vous cliquez « Écrire les textes », l’atelier remplit la page de vos textes et de votre palette.
Rien n’est figé :
- avant les textes, vous pouvez repasser par chaque tranche, retirer une section, en ajouter une, changer de navigation ;
- après les textes, le mode « Structures » change la variante d’un bloc, en ajoute un après lui ou le retire, gratuitement, et chaque geste se défait.
Si vous aviez déjà commencé à monter votre page, choisir une mise en page remplace ce que vous aviez coché.
Toutes les mises en page, par famille de métiers
Chaque nom mène à la page du métier, qui montre la mise en page section par section et dit ce que la loi ou la déontologie impose à ce métier.
Santé, droit et conseil
- Cabinet de santé : Dentistes, kinés, médecins. Rassurer sans infantiliser, et dire les tarifs sans détour.
- Conseil : Consultants, experts-comptables, bureaux d'études. La méthode et les chiffres font foi.
- Formation : Écoles, organismes, cours particuliers. Le programme, le prix, les questions qui reviennent.
- Immobilier : Agences, promoteurs, chasseurs. Les biens se regardent en grand.
- Cabinet juridique : Avocats, notaires, commissaires de justice. Sobriété, domaines d'intervention, honoraires expliqués, prise de rendez-vous.
- Bien-être : Yoga, massage, thérapies. Le calme se lit dans la mise en page.
Commerce, table et artisanat
- Atelier d'artisan : Menuiserie, poterie, savonnerie. La matière et le geste passent avant l'argumentaire.
- Table : Restaurants, bistrots, caves. La salle et la carte décident, pas les fonctionnalités.
- Boutique : Commerces de détail. Les produits d'abord, la marque ensuite.
- Salon : Coiffure, esthétique, barbier. Le résultat se montre avant et après.
- Producteur : Fermes, domaines, torréfacteurs. Le lieu de production est l'argument.
- Architecture d'intérieur : Décorateurs, architectes d'intérieur. La transformation est le sujet.
- Marque produit : Un produit, une gamme courte. Le lancement se met en scène.
Création et culture
- Agence : Studios, ateliers, cabinets. Le travail se montre par projets, et la manière de travailler vaut autant que le résultat.
- Portfolio : Photographes, illustrateurs, réalisateurs. Le travail occupe l'écran, le texte s'efface.
- Logiciel : Outils en ligne, applications métier. Le bénéfice, la preuve, le prix — dans cet ordre.
- Studio 3D : Motion, images de synthèse, effets. La démonstration est le produit.
- Événement : Festivals, salons, soirées. Une date, un lieu, une billetterie.
- Label : Labels, artistes, salles. Le catalogue défile, le ton fait le reste.
Lieux, sport et organisations
- Club sportif : Salles, clubs, terrains. On vient pour réserver un créneau, tout doit y mener.
- Hébergement : Camps, gîtes, hôtels. Le lieu se raconte par moments de la journée.
- Transport : Transporteurs, entrepôts, messagerie. Les capacités et les délais, en chiffres.
- Association : Clubs, ONG, collectifs. La cause d'abord, l'adhésion ensuite.
- Industrie : Usines, sous-traitants, bureaux techniques. Les capacités priment sur le style.
Choisir la bonne
Choisissez d’après ce que vos visiteurs viennent faire, plutôt que d’après la miniature. Les couleurs et la typographie de la miniature changeront avec vos textes et votre palette ; l’ordre des sections, lui, restera.
Les visiteurs passent l’essentiel de leur temps sur d’autres sites que le vôtre, et ils attendent du vôtre qu’il fonctionne comme ceux qu’ils connaissent déjà : c’est la loi de Jakob, formulée par Jakob Nielsen (Nielsen Norman Group, 2017). Une mise en page de restaurant met la carte tôt, parce que c’est là qu’on la cherche. Une mise en page de salon met les avant / après et les tarifs en avant, parce que c’est ce qu’on compare avant de prendre rendez-vous.
Votre métier n’est pas dans la liste ? Prenez celle dont les visiteurs ont le même besoin. Un photographe de mariage et un réalisateur partagent le portfolio ; un garage et un plombier, l’atelier d’artisan ; une école de musique, la formation.
Ce qu’il faut retirer selon votre métier
Une mise en page ne connaît pas les règles de votre profession. Avant d’écrire les textes, lisez la page de votre métier : elle dit ce que votre Ordre ou la loi impose à un site, et quelle tranche retirer si elle vous est interdite. Deux exemples :
- pour un médecin, un dentiste ou un kiné, la page du cabinet de santé cite ce que disent les Ordres, témoignages de patients compris ;
- pour un avocat, la page de l’avocat explique ce que le secret professionnel change à ce qu’on montre de ses clients.
De toute façon, l’atelier ne remplit un bloc de témoignages qu’avec des avis que vous lui avez donnés : il prévient dès que vous posez le bloc, et ses contrôles refusent un avis inventé.
En résumé : une mise en page prête coche tout le parcours d’un clic, sans rien écrire ni payer. Choisissez-la d’après ce que vos visiteurs viennent faire, lisez la page de votre métier, puis retouchez librement : chaque tranche reste modifiable.