Ce guide explique comment personnaliser l’image de marque de Workvivo via le panneau d’administration, notamment les thèmes, les couleurs, les bannières, les logos et les icônes. Il détaille les spécifications des images, les types de fichiers et l’espace sécurisé pour la création réactive ou responsive design. Les éléments supplémentaires personnalisables comprennent les bannières de profil personnel, les icônes/bannières d’espace, les icônes de valeur, les badges, les icônes d’application/document, les icônes de méga menu, les liens utiles, les icônes d’équipe, les billboards, les couvertures de podcasts, les galeries et les images de pages globales, avec des dimensions et des formats de fichier recommandés pour un affichage optimal.
Il existe de nombreuses manières d'adapter Workvivo à ta marque.
Ce guide détaille les zones qui peuvent être personnalisées via le panneau d'administration de Workvivo, les recommandations et les exigences relatives aux images, et d'autres astuces & !
Thèmes
Dans la zone Thèmes du panneau d'administration, tu peux configurer les éléments de marque suivants :
- Image de la bannière principale
- Couleur principale
- Couleur secondaire
- Couleur de la barre de navigation (facultatif)
- Logo de l'entreprise
Comment mettre à jour :
Pour mettre à jour les articles de marque ci-dessus :
- Accédez aux thèmes Admin >
- Ton image de marque par défaut apparaîtra dans l'option " Thème par défaut ". Il sera affiché comme actif.
- Tu ne peux pas modifier ce thème car il est actif.
- Pour créer une nouvelle image de marque, clique sur " Ajouter un thème ".
- Tu peux donner un nom à ton thème et commencer à modifier les articles de ta marque.
Informations supplémentaires sur les articles de marque Themes :
1. Bannière principale :
Tu peux définir un thème pour le Web et le mobile, puis appliquer la même bannière Web à l’application mobile ou la remplacer par une image personnalisée.
Spécifications Web :
- Dimensions recommandées : 2241 x 474 pixels
- Espace sécurisé pour le texte/les images clés : environ 895 x 474 pixels, centré. En conservant le texte et les éléments visuels clés dans cette zone, ils resteront visibles sur ordinateur, sur mobile et lorsqu'ils seront recadrés dans le fil principal. Testez et affinez toujours ton image pour une expérience optimale.
- Types de fichiers pris en charge : PNG, JPG, JPEG, JFIF ou GIF < 3 Mo
- Taille de fichier maximale : 10 Mo
Spécifications pour mobile :
-
Dimensions : 640px x 100px Type de fichier : PNG, JPG, JPEG, JFIF ou GIF jusqu'à 10 Mo
Nos meilleurs conseils :
Pour prévisualiser l'image d'une bannière, tu peux :
1. Consulter un aperçu depuis la page Modifier le thème. Nous te montrons à quoi ressemblera ton thème après chaque modification.
2. Télécharge-le sur un espace caché/privé. L'affichage d'une bannière depuis l'espace apparaîtra comme s'il s'agissait de la bannière principale du bureau
Va dans ton Espace > Modifier l’espace > Cliquer sur la bannière > clique sur Télécharger > Sauvegarder. Minimise l’utilisation de texte ou de personnes dans les images, car elles peuvent être recadrées.
2. Couleur principale
Une couleur primaire définit les éléments clés, notamment :
-
Ordinateur de bureau:
- Barre de navigation du bureau (couleur par défaut)
- Interface de publication (icônes, bordures, boutons)
- Bordures de tous les boutons et couleur principale de certains boutons
- Toutes les icônes, à l'exception de la barre de navigation
- Texte principal dans les activités, les espaces, les articles de presse, les objectifs/valeurs, les analyses, les sections de recherche
- Avatars des événements sur le fil d'activité
- Des liens, par exemple @mentions, liens hypertextes, hashtags (sauf si les liens bleus " " sont activés)
- Menu de navigation latérale indiquant l'option de profil si le menu est ouvert :
- Applications et documents : puce de statut « À la une » et couleur de l’icône du dossier.
-
Portable:
- En-tête (couleur par défaut, sauf si une couleur distincte est choisie pour la barre de navigation)
- Texte et icônes du menu des hamburgers
- Interface de publication (icônes, bordures, boutons)
- Étiquettes des objets en valeurs & personnes
- Des liens, par exemple @mentions, liens hypertextes
- En-tête de notification par e-mail : la couleur par défaut est la couleur principale
3. Couleur secondaire
Une couleur secondaire définit les éléments clés, notamment :
- Certaines bordures, comme celle qui entoure l'avatar des événements sur le fil d'actualité sur le web :
- Remarque que la couleur de fond de l'énoncé de mission sur la page des valeurs est légèrement plus foncée. Elle ne peut pas être personnalisée :
- Le bouton « Nouveau » dans le Méga menu.
4. Couleur de la barre de navigation (facultatif)
- Cela doit contraster avec la police blanche des étiquettes.
- Note que les étiquettes blanches ne sont pas personnalisables.
- Si tu ne personnalises pas la couleur de ta barre de navigation, celle-ci sera définie par défaut à 90 % de ta couleur principale.
5. Logo de l'entreprise
Dimensions : largeur minimale : 400 px ; type de fichier : JPG, JPEG, PNG, BMP, SVG, WEBP.
Pour plus d'informations sur les thèmes, tu peux consulter la section : Thèmes
Image de marque supplémentaire adaptée aux besoins du client
Bannière de profil personnel
Des bannières de profil personnel peuvent être configurées pour tous les utilisateurs en utilisant les mêmes spécifications de fichiers recommandées que la bannière principale. Attention, elle ne sont visibles que lorsqu’on consulte le profil d’un utilisateur sur ordinateur ou sur mobile. Plus d’informations dans cet article !
Spécifications :
- Dimensions recommandées : 2241 x 474 pixels
- Espace sécurisé pour le texte/les images clés : 1 290 x 135 pixels, centré
- Types de fichiers supportés : PNG, JPG, JPEG < 3 Mo
- Taille de fichier maximale : 10 Mo
Space Icones & Space Bannières
Met tes espaces en valeur en personnalisant la bannière et l’icône de cet espace.
Sur le bureau, les icônes d'espace apparaissent sur le côté gauche de l'écran. Sur mobile, les icônes d'espace sont visibles en cliquant sur la photo de profil dans le coin supérieur gauche. Tu peux aussi ouvrir le menu latéral en faisant glisser l'écran de gauche à droite sur l'application.
Spécifications de l'icône spatiale :
- Dimensions recommandées : 200 x 200 pixels ou ratio 1:1
- Types de fichiers pris en charge : PNG, JPG, JPEG, JFIF ou GIF < 3 Mo
Spécifications de Space Banner :
- Dimensions recommandées : 2241 x 474 pixels
- Espace sécurisé pour le texte/les images clés : 1 290 x 135 pixels, centré
- Plus d'informations et de conseils dans ce Guide des bannières des espaces
- Types de fichiers pris en charge : PNG, JPG, JPEG, JFIF ou GIF < 3 Mo
-
Remarque : sur mobile, les bordures d'une bannière d'espace sont rognées
Icônes de valeur et déclaration phare
Donne vie aux valeurs de ton entreprise sur Workvivo ! Les employés peuvent taguer les valeurs de ton entreprise dans les publications, ce qui renforce le sentiment d’utilité et d’appartenance dans l’ensemble de l’entreprise.
Spécifications :
Icônes
- Dimensions recommandées : 200 x 200 pixels
- Types de fichiers pris en charge : PNG, JPG, JPEG, JFIF ou GIF < 3 Mo
- Une image carrée donnera une icône de valeur de forme carrée, une image circulaire donnera une icône de valeur circulaire
Vidéo Hero Image &
- Dimensions recommandées pour Hero Image : 600 x 300 pixels
- Types de fichiers pris en charge : PNG, JPEG, JPG, JFIF ou GIF < 3 Mo
- Type de fichier vidéo Hero Statement : MP4, MOV < 5 Go
- Les images apparaîtront dans un rapport 2:1. Si une vidéo est également mise en ligne, elle sera affichée en tant qu'image de couverture
- Remarque : La section Valeurs ne peut pas être supprimée de la plateforme
Icônes de badges
Les Badges sont un moyen à l’échelle de l’entreprise de stimuler l’engagement sur le lieu de travail et de renforcer la reconnaissance des employés. Tu peux personnaliser les icônes de badge en fonction de l’objectif qu’il représente.
Spécifications :
- Dimensions recommandées : 200 x 200 pixels ou ratio 1:1 (carré)
- Types de fichiers supportés : PNG, JPG, JPEG, JFIF, GIF < 3 Mo
Icônes de documents de l'application &
Les applications et les documents (accessibles via l’ onglet Ressources) offrent un aperçu des systèmes et documents clés utilisés quotidiennement au sein de ton entreprise. Tu peux rendre les applications facilement identifiables en leur ajoutant des icônes. Si aucune image n’est ajoutée, l’icône par défaut sera l’icône de lien noire illustrée ci-dessous :
Spécifications :
- Dimensions recommandées : 200 x 200 pixels (carré)
- Types de fichiers supportés : PNG, JPG, JPEG, JFIF, GIF < 3 Mo
Icônes de documents
Spécifications :
- Dimensions recommandées : 200 x 200 pixels (carré)
- Types de fichiers supportés : PNG, JPG, JPEG, JFIF, GIF < 3 Mo
Icônes du Mega Menu
Le Méga menu (accessible depuis ta barre de navigation) facilite la recherche des ressources pertinentes pour toi et tes collègues. Tu peux t’assurer que les liens et applications importants sont toujours au premier plan en ajoutant des icônes pertinentes.
Spécifications :
- Dimensions recommandées : 24 x 24 pixels
- Types de fichiers supportés : PNG, JPG, JPEG, JFIF, GIF < 3 Mo
- Cette image apparaîtra avant le titre du Mega Menu
Liens utiles et icônes de la barre latérale
Tu peux créer un widget de la barre latérale des liens utiles pour un accès rapide sur ta page d’accueil Workvivo.
Le widget sera visible sur le côté gauche de ton fil d'actualité sur ordinateur uniquement et pourra être ajouté dans le panneau d'administration.
Spécifications :
- Dimensions recommandées : 200 x 200 pixels (carré)
- Types de fichiers supportés : PNG, JPG, JPEG, JFIF, GIF < 3 Mo
Icônes d'Équipe
Tu peux ajouter des icônes Équipe à tes équipes une fois que les données de tes employés ont été ajoutées à la plateforme.
Spécifications :
- Dimensions recommandées : 200 x 200 pixels (carré)
- Types de fichiers supportés : PNG, JPG, JPEG, JFIF, GIF < 3 Mo
Billboards
Les Billboards te permettent de mettre en avant et d’afficher le contenu en haut du flux d’activité, aussi bien pour les utilisateurs de bureau que mobiles.
- Dimensions recommandées : taille minimale 600 x 300 pixels
- Types de fichiers supportés : PNG, JPG, JPEG, JFIF, GIF < 3 Mo
- L'image apparaîtra au format 2:1
Image de couverture de podcast
Partage tes podcasts avec tes contacts via Workvivo ! Si tu crées ton propre podcast, tu peux lui ajouter une image de couverture. Cette image apparaîtra également dans le widget Podcast, situé à droite du flux pour les utilisateurs d’ordinateurs (si cette option est activée).
- Dimensions recommandées : min 300 x 300 pixels
- Types de fichiers supportés : PNG, JPG, JPEG, JFIF, GIF < 3 Mo
Galerie
Tu peux utiliser la fonction Galerie de Workvivo pour stocker, organiser et partager des images avec tes collègues sur ordinateur et mobile.
Spécifications :
- Types de fichiers pris en charge : GIF, PNG, JPG, JPEG, JFIF, MP4, MOV
- Nous recommandons toujours l'imagerie des paysages dans Workvivo
- Les miniatures sont affichées au format 10:7 sur ordinateur et 1:1 sur mobile. Les images de paysage sont recommandées
- Pour les images contenant du texte, nous recommandons de centrer le texte afin d'éviter tout risque de coupure
Image vedette pour une page mondiale
Sur un ordinateur de bureau, tu peux afficher une page globale dans un widget situé à droite du flux d’activité.
Spécifications :
- Dimensions recommandées : 800 x 400 pixels
- Types de fichiers supportés : PNG, JPG, JPEG, JFIF, GIF < 3 Mo
Un résumé des images personnalisables et des recommandations
Remarque : la JFIF fonctionne uniquement sur ordinateur.
| Image personnalisable | Types de fichiers pris en charge | Dimensions recommandées |
| Bannière principale | GIF, PNG, JPG, JPEG, JFIF | 2241 x 474 pixels, ratio 2:1 |
| Bannière personnelle | GIF, PNG, JPG, JPEG, JFIF | 2241 x 474 pixels, ratio 2:1 |
| Bannière spatiale | GIF, PNG, JPG, JPEG, JFIF |
2241 x 474 pixels, ratio 2:1 Espace sécurisé : 1 290 x 135 pixels |
| Icône de l'espace | GIF, PNG, JPG, JPEG, JFIF | 200 x 200 pixels, ratio 1:1 |
| Image de l'article | GIF, PNG, JPG, JPEG, JFIF |
1 000x500 pixels, ratio 2:1 Espace sécurisé : 620 x 540 pixels |
| Image de l'événement | GIF, PNG, JPG, JPEG, JFIF |
500 x 330 pixels, ratio 2:1 Espace sécurisé : 500 x 165 pixels |
| Image du podcast | GIF, PNG, JPG, JPEG, JFIF | 300 x 300 pixels, ratio 1:1 |
| Image vedette de la page mondiale | GIF, PNG, JPG, JPEG, JFIF | 800 x 400 pixels, ratio 2:1 |
| Icône des valeurs | GIF, PNG, JPG, JPEG, JFIF | 200 x 200 pixels, ratio 1:1 |
| Icônes de documents | GIF, PNG, JPG, JPEG, JFIF | 200 x 200 pixels, ratio 1:1 |
| Icônes du Mega Menu | GIF, PNG, JPG, JPEG, JFIF | 24 x 24 pixels, ratio 1:1 |
| Icône du badge | GIF, PNG, JPG, JPEG, JFIF | 200 x 200 pixels, ratio 1:1 |
| Image de panneau d'affichage | GIF, PNG, JPG, JPEG, JFIF | 600 x 300 pixels, ratio 2:1 |
| Icônes d'équipe | GIF, PNG, JPG, JPEG, JFIF | 200 x 200 pixels, ratio 1:1 |
| Icône de liens utiles | PNG, JPG, JPEG, JFIF | 200 x 200 pixels, ratio 1:1 |
| Image de la déclaration du héros | GIF, PNG, JPG, JPEG, JFIF | 600 x 300 pixels, ratio 2:1 |
| Vidéo Hero Statement | MP4, MOV | < 5 Go |
| Image d'avatar | GIF, PNG, JPG, JPEG, JFIF | 200 x 200 pixels, ratio 1:1 |
| Icône du badge | GIF, PNG, JPG, JPEG, JFIF | 200 x 200 pixels, ratio 1:1 |
| Image de couverture du sondage | GIF, PNG, JPG, JPEG, JFIF | 600x300 pixels, ratio 2:1 |
| Images dans les mises à jours/Shout-Outs | GIF, PNG, JPG, JPEG, JFIF | 1280 x 720 pixels (idéal) |
| Vidéos dans Mises à jours/Shout-Outs | MP4, MOV | 1 280 pixels x 720 pixels, < 5 Go |
| Emojis personnalisés | GIF, PNG, JPG, JPEG, JFIF | > 128 Ko, fond carré et transparent, ratio 1:1 |
| Télécharger un GIF depuis un fichier | GIF | 1280 x 720 pixels (idéal), < 5 Go |
| Galerie d'images | GIF, PNG, JPG, JPEG, JFIF, MP4, MOV | < 5 Go |
| Images dans des modèles (Articles &, pages) | GIF, PNG, JPG, JPEG, JFIF | Modèle de jeu de 2 cartes : taille recommandée : 640 × 275 pixels ou 540 × 230 pixels, |
Qu’est-ce que l’Espace sécurisé ?
Nous recommandons d’avoir un « espace sécurisé » pour le texte et les images afin d’assurer un affichage réactif sur le bureau. Par exemple, le widget du lanceur d’applications et les images de couverture des articles ou événements d’actualité peuvent s’adapter à trois tailles différentes selon la largeur de la fenêtre du navigateur.
C'est la nature du responsive design : les utilisateurs consultent toujours Workvivo sur des fenêtres de différentes tailles, aucune taille de fenêtre n'est définie sauf si elles sont en plein écran.
Autres considérations :
- Spotlight : les images issues des articles de presse (y compris les articles à l’honneur), des événements et des pages globales seront automatiquement intégrées à Spotlight ; tu n’as donc pas besoin de télécharger des images séparées pour cette section.