Démarquez-vous et faites preuve de créativité avec vos expériences. Vous pouvez personnaliser la conception de vos Expériences en ajoutant des arrière-plans, des images de couverture, des logos et des icônes de dossier par défaut appropriés qui sont assortis à l'image de votre entreprise et à votre secteur d'activité.
- Avec le plan de paiement Essential et supérieur de Showpad, vous pouvez créer des expériences classiques.
- Avec Showpad Plus et Ultimate, vous pouvez concevoir des expériences avancées.
Nous avons élaboré des directives utiles et des modèles Photoshop pour ces deux plans afin de vous aider à créer des expériences et des images de couverture fabuleuses et visuellement attrayantes. Vous pouvez les télécharger au bas de cet article.
Remarque : Les images de couverture sont actuellement visibles dans la web app de Showpadet l'application mobile iOS de Showpad.
Découvrez à quoi ça ressemble
Caractéristiques principales
- Démarquez-vous de vos concurrents et présentez le contenu dans un style visuellement attrayant
- Ajoutez une image de couverture personnalisée pour une expérience, pour permettre aux utilisateurs de trouver rapidement ce dont ils ont besoin
- Téléchargez nos modèles PSD de Photoshop pour commencer
- Utilisez ces instructions pour créer des expériences remarquables dans Showpad
Ce qu'il vous faut pour réussir
- Plan Showpad Essential et supérieur pour des expériences classiques
- Vous pouvez activer les expériences avancées avec les plans Showpad Plus et Ultimate
- Connaissances en conception et sur Photoshop
Réussir en quelques minutes
Expérience classique
- Définir un arrière-plan
- Créer un logo
- Télécharger une image de couverture
- Définir une icône de dossier par défaut
- Télécharger les instructions concernant les Expériences classiques et les modèles PSD
Expérience avancée
- Voir les options dans l'onglet Conception
- Télécharger une image de couverture
- Télécharger les modèles PSD pour les canaux d'expériences avancées
Expériences classiques
Définir un arrière-plan
Un arrière-plan d'expérience est comme le fond d'écran de votre bureau. Il donne à votre expérience une apparence personnalisée et complète son contenu. Gardez à l'esprit que l'arrière-plan est également affiché dans l'aperçu du canal que les utilisateurs voient sur l'écran Contenu.
- Cliquez sur l'onglet Bibliothèque. Choisissez une division, le cas échéant.
- Ouvrez le Générateur d'expérience.
- Sélectionnez l'expérience que vous souhaitez personnaliser. Vous pouvez trouver tous les détails sur la taille dans les instructions relatives à l'Expérience classique au bas de cet article.
- Cliquez sur Conception.
- Cliquez sur Arrière-plan du canal.
- Cliquez sur le bouton Sélectionner un fichier pour choisir un arrière-plan stocké sur votre ordinateur ou faites un glisser-déposer de l'arrière-plan dans la Section Télécharger. Si vous ne souhaitez pas télécharger votre arrière-plan, cliquez sur l'un des arrière-plans par défaut sous la Section Télécharger.
- Ouvrez la liste déroulante « Position d'ancrage » et sélectionnez la position d'ancrage souhaitée pour votre arrière-plan.
- Cliquez sur le bouton Enregistrer.
Définir un logo
Un logo d'expérience est affiché sur l'expérience à l'emplacement de votre choix.
Remarque : il n'y a pas de limite exacte pour la taille de votre logo. Cependant, nous avons recommandé une hauteur d'environ 100 pixels. Ajoutez des côtés transparents à votre logo si vous ne voulez pas qu'il apparaisse trop près de la bordure de l'expérience. Les PNG animés ne sont pas pris en charge par Internet Explorer 11, donc par défaut, les navigateurs qui ne prennent pas en charge APNG afficheront la première image de la séquence.
- Cliquez sur l'onglet Bibliothèque. Sélectionnez une division, le cas échéant.
- Dans le générateur d'expériences, sélectionnez une expérience.
- Cliquez sur Conception.
- Cliquez sur Ajouter un logo.
- Cliquez sur le bouton Parcourir et sélectionnez le logo que vous souhaitez ajouter. Choisissez où vous voulez que le logo soit affiché en sélectionnant votre position d'ancrage.
- Cliquez sur le bouton Enregistrer.
Téléchargement d'une image de couverture
Les images de couverture vous aident à créer un home screen hautement immersif, de marque et visuellement attrayant pour vos utilisateurs. Cela leur permet de voir plus facilement un aperçu des expériences classiques et avancées. Les images de couverture aident vos commerciaux à accéder rapidement au contenu particulier dont ils ont besoin.
- Ouvrez l'expérience pour ajouter une image de couverture.
- Cliquez sur Conception.
- Sélectionnez Image de couverture.
- Vous remarquerez que par défaut, l'arrière-plan de l'expérience est utilisé comme image de couverture. Vous pouvez en avoir un aperçu sur un ordinateur de bureau ou un appareil mobile sur l'écran suivant.
- Téléchargez votre image de couverture personnalisée en faisant un glisser-déposer de l'image ou en la sélectionnant à partir de votre disque dur.
Remarque : nous recommandons un fichier JPG ou PNG de 2400 pixels pour un excellent résultat. Les PNG animés ne sont pas pris en charge par Internet Explorer 11, donc par défaut, les navigateurs qui ne prennent pas en charge APNG afficheront la première image de la séquence.
- Un point focal permet de se concentrer sur une zone importante de l'image de couverture.
- Cliquez sur Enregistrer et votre image de couverture sera désormais visible sur le home screen de l'utilisateur. Lorsqu'ils ouvrent l'expérience, les utilisateurs verront toujours l'arrière-plan que vous avez créé et téléchargé auparavant.
Définir une icône de dossier par défaut
Vous pouvez modifier l'icône de dossier par défaut pour une apparence conforme au niveau de vos expériences. Notez que la modification de l'icône de dossier par défaut affecte uniquement les dossiers de l'expérience que vous modifiez. En outre, il est toujours possible de choisir une icône de dossier personnalisé lors de la création d'un nouveau dossier. Vous pouvez trouver les détails de la taille dans les consignes relatives à l'Expérience classique au bas de cet article.
- Affichez l'expérience que vous souhaitez personnaliser.
- Cliquez sur Conception.
- Cliquez sur l'icône du dossier par défaut.
- Cliquez sur l'icône de dossier que vous souhaitez utiliser comme icône par défaut.
- Cliquez sur le bouton Enregistrer.
- Vous pouvez également ajouter vos icônes de dossier personnalisé lors de la création d'un nouveau dossier, vous n'avez donc pas nécessairement besoin d'utiliser les icônes par défaut.
- Pour modifier le logo de votre dossier, cliquez dessus et survolez l'icône du dossier jusqu'à ce que vous voyiez la corbeille. Notez que l'icône disparaîtra complètement si vous cliquez sur l'icône de la corbeille. Vous pouvez la remplacer en téléchargeant une nouvelle et en sélectionnant Enregistrer.
Expériences avancées
Cliquez sur l'onglet Conception dans le Créateur de canaux pour ouvrir une fenêtre dans laquelle vous pouvez modifier les paramètres généraux de conception pour l'expérience sélectionnée. Vous verrez toujours un aperçu en direct sur le côté droit de l'écran. Vous pouvez trouver les modèles de conception Photoshop pour chaque expérience disponible au bas de cet article.
En général, la conception de toutes les Experiences Showpad se compose de logos, de styles de page, de fil d'ariane et de boutons.
- Dans la section Logos , vous pouvez télécharger un logo d'en-tête.
-
Style de page. L'arrière-plan de couleur reste le même quel que soit le module visité. Vous pouvez choisir une ou deux couleurs à mélanger en arrière-plan. Lorsque vous mélangez deux couleurs, elles sont appliquées suivant l'intensité. Une couleur est utilisée pour le milieu et l'autre est utilisée pour les contours.
Il existe également un principe d'héritage avec l'arrière-plan. L'arrière-plan d'un module parent est appliqué à tous les modules enfants.
La taille maximale autorisée pour l'image d'arrière-plan est de 3840 x 2160 pixels. - Les fils d'ariane rappellent les sections et sous-sections que l'utilisateur est en train de visiter. L'utilisateur peut revenir aux sections actuelles et précédentes en cliquant ou en appuyant sur un fil d'ariane. Ici, vous pouvez modifier les couleurs d'arrière-plan et de police.
Voici ce que verra votre utilisateur :
Téléchargez les instructions et les modèles PSD