Passer au contenu principal

L'image de marque de votre plateforme

Adapter l'apparence de votre plateforme à votre identité visuelle

Nola Moreau avatar
Écrit par Nola Moreau
Mis à jour cette semaine

Pourquoi une stratégie de marque ?

L'image de marque de la plateforme permet de créer une identité visuelle cohérente, reconnaissable et attrayante pour votre plateforme.

En alignant les couleurs, le logo, la bannière et les autres éléments visuels de la plateforme sur l'identité de votre organisation, vous créez un climat de confiance et de familiarité et vous renforcez les liens avec les utilisateurs. Une plateforme bien identifiée n'a pas seulement un aspect professionnel, elle renforce également les valeurs de votre communauté et aide les utilisateurs à sentir qu'ils sont au bon endroit.

Choix des couleurs de la plate-forme

Créez une identité visuelle cohérente et accessible grâce à des couleurs primaires et secondaires bien choisies.

Pour modifier les couleurs de la plateforme : allez à Settings > Branding

ℹ️ Meilleures pratiques :

  • Restez simple et contrasté : choisissez uniquement les couleurs les plus pertinentes qui reflètent la marque de votre organisation.

  • Couleur primaire : elle définit l'aspect général de votre plate-forme. Choisissez une nuance de rouge, de bleu ou de vert.

  • Couleur secondaire : elle peut être assortie à la couleur primaire ou être une couleur complémentaire (opposée sur le cercle chromatique).

  • Couleur du texte : utilisez le noir ou un autre ton foncé pour une meilleure lisibilité.

  • Couleur de superposition : utilisez votre couleur principale pour maintenir la cohérence visuelle.

  • Évitez les couleurs très claires ou le blanc comme couleur principale, car les boutons et les appels à l'action risquent d'être difficiles à voir.

Comment personnaliser la police de caractères de votre plateforme ?

Les changements de police ne peuvent pas encore être effectués directement dans le panneau d'administration. Envoyez le nom de la police que vous souhaitez utiliser, de préférence une police disponible dans la bibliothèque Adobe Fonts. Si elle n'y est pas disponible, vous pouvez fournir un fichier CSS contenant la police à la place.

Les étapes :

  1. Indiquez le nom de la police.

  2. Vérifiez que la police est disponible dans la bibliothèque des polices Adobe ou envoyez un fichier CSS personnalisé si ce n'est pas le cas.

Comment télécharger et configurer votre logo ?

Faites en sorte que votre plateforme soit immédiatement reconnaissable avec le logo de votre organisation.

Les étapes:

  1. Allez dans Paramètres > Branding dans le panneau d'administration.

  2. Faites défiler la page jusqu'à la section Logo.

  3. Cliquez sur la boîte de téléchargement et sélectionnez l'image du logo de votre organisation.

ℹ️ Spécifications:

  • Hauteur minimale : 45 px (une hauteur supérieure est acceptable, la mise à l'échelle se fera automatiquement).

  • Taille maximale du fichier : 10 Mo.

  • Ratio d'aspect : gardez des proportions cohérentes ; la largeur s'ajuste automatiquement.

💡 Recommandations:

  • Utilisez un logo simple avec un minimum de texte, car il s'adapte différemment aux différents écrans.

  • Le logo du pied de page reflète automatiquement le logo de la barre de navigation, il ne peut pas être modifié séparément.

  • Pour ajouter des visuels ou des informations au bas de votre page d'accueil, allez sur Pages & menu > Edit (Home) > Edit (Bottom info section).

Comment changer la bannière de la page d'accueil ?

  1. Accédez au panneau d'administration.

  2. Naviguez jusqu'à Pages & Menu.

  3. Cliquez sur Modifier à côté de "Accueil".

  4. Sélectionnez ou ajoutez le widget de la bannière de la page d'accueil

  5. Téléchargez une image de bannière qui reflète votre organisation ou votre communauté.

ℹ️ La bannière de la page d'accueil a une vue différente pour les visiteurs invités et les visiteurs connectés, assurez-vous de basculer le bouton pour explorer les deux vues.

💡 Conseils pour le choix d'une image :

  • Photo aérienne de votre ville ou de votre quartier.

  • Une photo d'un événement local ou d'une assemblée de citoyens.

  • Une image symbolique qui représente vos valeurs ou votre mission.

Facultatif : Ajoutez une superposition de couleurs à l'image de la bannière.

  • Activer la superposition

  • Recherchez le paramètre Activer la couleur d'incrustation.

  • Choisissez une couleur qui correspond au thème de votre plateforme.

  • Utilisez le curseur d'opacité de l'incrustation pour rendre l'image plus ou moins visible derrière la couleur.

Ceci est utile si :

  • Votre image est trop lumineuse ou distrayante et vous ne pouvez plus voir le texte (qui est blanc et dont la couleur ne peut pas être modifiée ; il se peut donc que vous deviez utiliser la superposition de couleurs pour que le texte blanc apparaisse).

  • Vous souhaitez unifier l'apparence avec les couleurs de votre plateforme.

Comment modifier les couleurs de la barre de navigation ?

La couleur de la barre de navigation ne peut pas être modifiée directement dans le panneau d'administration.

Pour le modifier (par exemple, pour un fond sombre), contactez notre équipe d'assistance à l'aide de la bulle de discussion située en bas à droite du panneau d'administration.

Comment ajouter un favicon à votre plateforme ?

Votre favicon est la petite icône qui s'affiche dans l'onglet du navigateur.

Pour le mettre à jour :

  • Visitez : https://<votre domaine>/admin/favicon

  • Téléchargez votre fichier d'icônes.

Avez-vous trouvé la réponse à votre question ?