Une page d'accueil bien conçue est essentielle à la réussite d'un site de participation citoyenne. Cependant, de nombreuses personnes ont du mal à savoir par où commencer, et certains choix que vous faites dans l'éditeur d'Apparence ont une incidence sur l'ensemble de votre site. Nous avons rassemblé ces conseils afin que vous puissiez commencer à planifier et à développer un site accueillant et informatif.

Planifiez votre Contenu

Avant de commencer à créer du contenu pour votre page d'accueil, il est utile de cartographier votre site pour comprendre comment vos visiteurs trouveront le contenu. Il doit être facile d'entrer en contact avec votre organisation et votre site :

Avez-vous besoin d'ajouter un contenu d'introduction ?
Souhaitez-vous mettre l'accent sur l'inscription ?
Quels sont les projets clés que vous souhaitez mettre en avant ?
Des FAQ ou un widget Qui écoute contribueront-ils à rassurer votre communauté ?

Les réponses à ces questions peuvent vous aider à choisir votre modèle de page d'accueil et les sections que vous souhaitez inclure.

Choisir un Modèle

Le modèle que vous choisissez dans l'éditeur d'Apparence vous donne un point de départ pour la conception de votre page d'accueil. Vous avez le choix entre six modèles, tous personnalisables.

Vous pouvez

Ajouter, supprimer ou déplacer des sections dans le modèle
Mettre à jour les couleurs et les images existantes pour qu'elles correspondent à votre marque
Remodeler la mise en page des sections existantes pour mettre en valeur les informations

Les modèles sont très souples et permettent de comprendre comment structurer et mettre en valeur votre contenu. Lorsque vous choisissez votre modèle, réfléchissez aux sections que vous souhaitez inclure et à la manière de les adapter à votre conception.

Définir votre Marque

La définition de la marque est essentielle à la cohésion et à l'organisation du site. La marque de votre site comprend :

Couleur de la Marque : Dans Styles Globaux, vous pouvez utiliser le sélecteur de couleurs ou les codes de couleurs pour choisir la Couleur de la Marque. Cette couleur apparaîtra sur les boutons de la page d'accueil et sur divers éléments de la page de projet. Vous pouvez également définir des couleurs secondaires ou des Remplacements de Couleurs Avancés dans les Styles de Projet.
Police : Choisissez la famille et la taille des polices dans la section Styles Globaux. Bien que vous puissiez définir une Police de Titre et une Police de Contenu différentes, nous vous recommandons d'utiliser la même pour les deux, afin que votre contenu soit facile à lire et à parcourir. Nous avons également prédéfini des Tailles de Police qui s'adapteront à tous les appareils. Si vous devez choisir une police, choisissez une police sans empattement, car elle est plus facile à lire sur les écrans.
Logo : Téléverser votre logo dans l'en-tête du site sous Logo, Icônes et Images. Vous pouvez avoir plusieurs versions de votre logo pour l'adapter à différentes couleurs d'arrière-plan. Si votre en-tête est blanc, utilisez un logo en couleur, mais si vous utilisez un en-tête coloré, utilisez une version blanche ou noire de votre logo.

Votre organisation a probablement déjà une image de marque à laquelle vous devez vous conformer. Si vous devez choisir des couleurs, privilégiez celles qui répondent aux normes d'accessibilité en matière de contraste des couleurs. La couleur de votre texte doit être suffisamment contrastée par rapport aux couleurs de l'arrière-plan ou des boutons pour être accessible. Choisissez une couleur primaire forte et une couleur de fond neutre, et notez le code hexadécimal pour ne pas l'oublier.

Choisir l'Image et la Disposition de la Bannière

La plupart des sites comportent une image de bannière pour présenter le site. Notre section Bannières propose différentes mises en page. Par exemple, certaines mises en page sont conçues pour un texte bref et un lien vers un bouton, tandis que d'autres conviennent mieux à des introductions plus longues.

Ensuite, choisissez une image de référence qui sera la première impression que la plupart des visiteurs auront de votre site. Elle doit être attrayante et captivante, mais aussi simple et de haute qualité. Si possible, choisissez une image qui reflète la couleur de votre marque pour une meilleure cohésion.

Vous pouvez télécharger votre propre image ou utiliser la galerie Unsplash intégrée pour trouver des images gratuites et de haute qualité. Vous pouvez également recadrer ou centrer votre image dans l'éditeur.

Créer des Séparations Visuelles

Pour aider à différencier les sections de votre page d'accueil, vous pouvez utiliser des couleurs d'arrière-plan contrastées pour créer des séparations visuelles. Par exemple, vous pouvez avoir une section différente pour les projets Publiés et Archivés.

En utilisant les couleurs primaires, secondaires et tertiaires de votre organisation, vous pouvez modifier la couleur d'arrière-plan de chaque section pour créer un contraste. Dans ce cas, veillez à ce que les couleurs du texte et des boutons continuent à respecter les normes d'accessibilité en matière de contraste des couleurs.

Aperçu et Retour d'Information

Avant de publier votre page d'accueil, faites-en un Aperçu et utilisez les options d’affichage pour vous assurer qu'elle s'affiche correctement sur les écrans des ordinateurs de bureau, des tablettes et des téléphones portables. N'oubliez pas de vérifier que vos polices sont lisibles, qu'aucune de vos images n'est rognée et que vous n'avez pas de longs défilements de texte sur des écrans plus petits.