Conception et création de pages de marque

Objectifs de formation

Une fois cette unité terminée, vous pourrez :

• Transformer votre page en une page personnalisée à l’image de votre marque
  
• Personnaliser les widgets sélectionnés et les mettre en évidence
  
• Créer un thème de conception de page
  
• Publier et partager votre page
  

Transformation de vos pages avec l’image de votre marque

Une fois que vous avez créé une collection et ajouté une page de tableau de bord ou d’application et des widgets, il est temps de faire passer votre page au niveau supérieur. Avec InstaBrand, vous pouvez créer une page personnalisée à l’image de votre marque en quelques clics.

Pour activer InstaBrand, activez le mode Édition sur la page à façonner à l’image de votre marque en cliquant sur l’icône en forme de crayon (1) en haut de la page. Ensuite, cliquez sur l’onglet Conception (2), où vous verrez différentes options de personnalisation. Cliquez sur la bascule InstaBrand (3) pour activer InstaBrand.

Ensuite, sous Actifs de marque, ajoutez votre logo et une image d’arrière-plan. Vous pouvez même utiliser la bibliothèque d’images Unsplash en cliquant sur la zone d’image. Vous pouvez y entrer un mot-clé pour effectuer une recherche dans des centaines d’images. Cliquez sur l’image que vous souhaitez ajouter comme image d’arrière-plan et votre page se mettra automatiquement à jour. Une fois que vous avez sélectionné l’image, celle-ci est ajoutée à l’arrière-plan. Mais ce n’est pas tout : InstaBrand opère sa magie et crée une page magnifiquement conçue en fonction de la palette de couleurs de l’image choisie. 

Votre page est instantanément transformée en une page de marque aux couleurs coordonnées qui a l’air unique et conçue de façon professionnelle. Si vous préférez, vous pouvez sélectionner un thème prédéfini dans le menu d’options THEME (THÈME), qui offre un éventail de thèmes génériques que vous pouvez appliquer instantanément.

Une fois que vous avez créé ou sélectionné un thème, vous pouvez continuer à le personnaliser en modifiant la palette de couleurs, en ajustant les paramètres d’arrière-plan ou en modifiant les polices.   

La personnalisation des pages d’application peut varier. Certaines pages sont entièrement personnalisables, certaines n’offrent que la personnalisation pour les éléments de marque (comme le thème et la palette de couleurs) et certaines conceptions de page ne peuvent pas être modifiées. 

Personnalisation des widgets

Maintenant que votre page est à l’image votre marque et conçue de façon esthétique, rendez-la plus informative en mettant en évidence des widgets spécifiques. Pour ce faire, sélectionnez le widget et cliquez sur l’onglet Conception. Personnalisez la conception de votre widget avec les options de configuration disponibles. (Remarque : les options de l’onglet Conception varient selon les types de widgets.)

Voici les options de conception de widget disponibles :

• Grille : définissez le style de disposition du widget. Il existe trois types de styles de grille :
  

• None (Aucune) : cette option conserve le widget au même endroit sur la page.
  
• Sticky (Collante) : cette option fixe le widget en haut de la page et il y reste lorsque les utilisateurs font défiler la page.
  
• Float (Flottante) : cette option fait flotter le widget au-dessus de vos widgets existants sur la page et il y reste lorsque les utilisateurs font défiler la page.
  

• Arrière-plan : ajustez l’affichage de l’arrière-plan du widget, comme la couleur, l’opacité, la luminosité et la forme des coins.
  
• Polices : ajustez les polices présentées dans votre widget, notamment dans les en-têtes et les axes.
  
• Interactions : ajoutez des configurations supplémentaires au widget. Il y a trois options :
  

• Drill Down (Exploration) : cette option permet d’afficher vos données avec une granularité inférieure.
  
• Highlighting Rules (Règles de surlignage) : cette option vous permet de mettre en évidence des valeurs dans votre widget.
  
• Calendar Events Tags (Balises des événements de calendrier) : cette option vous permet d’ajouter une balise d’événement à votre widget pour mettre l’accent sur des augmentations ou des diminutions dans les données. Par exemple, une énorme augmentation des ventes pendant le Black Friday pourrait être balisée « Black Friday » sur votre graphique.
  

• Avancés : ajoutez des feuilles CSS à votre widget.
  

Création d’un thème de conception de page

Une fois que vous avez créé votre page idéale, vous pouvez utiliser la même conception pour toutes vos pages à l’aide d’un thème de conception de page. Pour ce faire, cliquez n’importe où en dehors d’un widget sur la page. Cela vous amène à l’onglet Conception (1) au niveau de la page. Cliquez sur le bouton d’options (2) en regard de THÈME et sélectionnez Enregistrer comme nouveau thème (3). Nommez votre thème (4) et cliquez sur Enregistrer (5). 

Votre thème est désormais disponible dans la liste déroulante THÈME chaque fois que vous créez une page.

Publication et partage de votre page

Il est maintenant temps de partager votre page personnalisée avec vos parties prenantes. Tout d’abord, cliquez sur Enregistrer (1) et sur l’icône circulaire de publication (2), puis sélectionnez Publier (3) afin de rendre votre page visible pour tous les utilisateurs accédant à l’espace de travail. 

Ensuite, sous les options de page (1), configurez les paramètres Partager/Incorporer (2). Les options suivantes sont disponibles.

• Logged Users (Utilisateurs connectés) : cette option partage la page avec les utilisateurs connectés à votre espace de travail.
  
• Anyone (N’importe qui) : cette option partage la page avec toute personne disposant d’un lien vers la page.
  
• Not Shared (Non partagée) : cette option empêche le partage public de la page.
  

Une fois que vous avez configuré les paramètres Partager/Incorporer, il ne vous reste plus qu’à copier (3) et à partager le lien avec les parties prenantes concernées, ou à incorporer le lien à la page Web de votre choix.

Regardez cette vidéo pour voir une démonstration en direct de la personnalisation de votre page à l’image de votre marque.

Dans cette unité, vous avez appris à transformer votre page en page de marque, à personnaliser des widgets sélectionnés et à créer un modèle de conception de page. Passez à l’unité suivante pour apprendre à parcourir et à exporter des pages.