Recommandations pour le design d'Expériences visuellement attrayantes Mise à jour 5 février 2025 08:03 Démarquez-vous et soyez créatif avec vos Expériences. Vous pouvez personnaliser le design de l'Expérience en y ajoutant des arrière-plans, des images de couverture, des logos et des icônes de dossier par défaut qui correspondent à l'image de marque de votre entreprise et à votre secteur d'activité. Avec le forfait tarifaire Essential de Showpad et les forfaits plus avancés, vous pouvez créer des Expériences classiques. Avec Showpad Plus et Ultimate, vous pouvez concevoir des Expériences avancées. Découvrez à quoi ça ressemble Caractéristiques principales Démarquez-vous de la concurrence et présentez le contenu dans un style visuellement attrayant Ajoutez une image de couverture personnalisée pour une Expérience afin de permettre aux utilisateurs de trouver rapidement ce dont ils ont besoin Téléchargez nos modèles PSD Photoshop pour commencer Vous avez besoin de cela pour réussir Showpad Essential et supérieur pour les Expériences classiques Les Expériences avancées peuvent être activées sur Showpad Plus et Ultimate Connaissance du design et de Photoshop Le chemin rapide vers l'extraordinaire Expérience classique Définir un arrière-plan Définir un logo Importer une image de couverture Définir une icône de dossier par défaut Télécharger les directives et les modèles PSD d'une Expérience classique Expérience avancée Voir les options dans l'onglet Design Importer une image de couverture Télécharger les modèles PSD d'Expérience avancée Retour en haut de la page Expériences classiques Définir un arrière-plan Un arrière-plan d'Expérience est comme le papier peint de votre bureau. Il donne à votre Expérience un aspect personnalisé et complète le contenu de l'Expérience. Nous vous recommandons d'utiliser une taille d'image de 2048px par 2048px pour obtenir le meilleur résultat. Cette taille est nécessaire car les appareils mobiles peuvent être utilisés aussi bien en mode portrait que paysage. Cliquez sur l'onglet Bibliothèque. Choisissez une division, le cas échéant. Ouvrez le générateur d'Expériences. Sélectionnez l'Expérience que vous souhaitez personnaliser. Cliquez sur Design. Cliquez sur « Arrière plan d'Expérience ». Cliquez sur le bouton « Sélectionner un fichier » pour choisir un arrière-plan stocké sur votre ordinateur ou faites-le glisser et déposez-le dans la Section Importer. Si vous ne voulez pas importer votre arrière-plan, cliquez sur l'un des arrière-plans par défaut sous la section Importer. 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. Retour en haut de la page Définir un logo Un logo d'Expérience est affiché sur l'Expérience à l'endroit de votre choix. Il est recommandé de placer le logo en bas à droite, en bas ou en bas à gauche.Ajoutez des côtés transparents à votre logo si vous ne voulez pas qu'il apparaisse trop près de la frontière de l'Expérience. Note : Il n'y a pas de limite exacte pour la taille de votre logo. Toutefois, nous recommandons une hauteur de 100px. Cliquez sur l'onglet Bibliothèque et sélectionnez la division, le cas échéant. Dans le générateur d'Expériences, sélectionnez une Expérience. Cliquez sur Design. Cliquez sur Ajouter un logo. Cliquez sur le bouton Parcourir et sélectionnez le logo que vous voulez ajouter. Choisissez l'endroit où vous souhaitez que le logo soit affiché en sélectionnant votre position d'ancrage. Cliquez sur le bouton Enregistrer. Retournez en haut de la page Importer une image de couverture Les images de couverture vous aident à créer un écran d'accueil très immersif, marqué et visuellement attrayant pour vos utilisateurs. Il est plus facile pour eux de voir un aperçu des Expériences classiques et avancées. Les images de couverture permettent à vos commerciaux de naviguer rapidement vers le contenu dont ils ont besoin. Ouvrez l'Expérience pour ajouter une image de couverture. Cliquez sur Design. Sélectionnez « Image de couverture ». Vous remarquerez que, par défaut, le fond de l'Expérience est utilisé comme image de couverture. Vous pouvez voir un aperçu de cette image sur un ordinateur de bureau ou un appareil mobile sur l'écran suivant. Importez votre image de couverture personnalisée en la faisant glisser et en la déposant ou en la sélectionnant sur votre disque dur. Note : Nous recommandons un fichier JPG ou PNG de 2400 pixels de large pour un excellent résultat. 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 l'écran d'accueil de l'utilisateur. En ouvrant l'Expérience, les utilisateurs verront toujours le fond que vous avez créé et importé auparavant. Retour en haut de la page Définition d'une icône de dossier par défaut Vous pouvez modifier l'icône de dossier par défaut pour assurer la cohérence du design de votre Expérience. Notez que la modification de l'icône de dossier par défaut n'affecte que les dossiers de l'Expérience que vous modifiez. Il est possible de choisir une icône de dossier personnalisée lors de la création d'un nouveau dossier. Les dimensions recommandées de cette icône de dossier sont de 420px par 460px. Vous pouvez créer les icônes de dossier avec ou sans étiquettes. Exportez les icônes sous forme de fichier PNG pour conserver la transparence. Créez une icône avec une étiquette : Lorsque vous incluez une étiquette de texte dans votre icône, vous pouvez utiliser tout l'espace pour positionner votre icône. Créer une icône sans étiquette : Lorsque vous utilisez les étiquettes de dossier par défaut de Showpad, elles seront placées sous l'espace de l'icône (420px par 460px). Nous vous recommandons de positionner votre design près du bas du tableau, afin que l'icône soit affichée plus près de l'étiquette, comme vous pouvez le voir dans l'exemple ci-dessus. Pour importer vos icônes de dossier personnalisées, Accédez à l'Expérience que vous souhaitez personnaliser. Cliquez sur Design. Cliquez sur l'icône de dossier par défaut. Cliquez sur l'icône du 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ées en créant 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 poubelle. Vous pouvez la remplacer en important un nouveau document et en sélectionnant Enregistrer. Retour en haut de la page Expériences avancées En cliquant sur l'onglet Design dans le générateur d'Expériences, vous ouvrez une fenêtre dans laquelle vous pouvez modifier les paramètres de design globaux de 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 design Photoshop pour chaque Expérience disponible au bas de cet article.En général, toutes les Expériences Showpad se composent de logos, de styles de page, de fils d'Ariane et de boutons. Dans la Section Logos, vous pouvez importer un logo d'en-tête. Style de page. La couleur de fond reste la même, quel que soit le nœud visité. Vous pouvez choisir une ou deux couleurs à mélanger en arrière-plan. Lorsque l'on mélange deux couleurs, les deux couleurs sont appliquées suivant un rayonnement. Une couleur est utilisée pour le milieu et l'autre pour les alentours.Il y a aussi un principe d'héritage de l'arrière-plan. L'arrière-plan d'un nœud parent est appliqué à tous les nœuds enfants.La taille maximale autorisée pour l'image d'arrière-plan est de 3840px par 2160px. Les fils d'Ariane sont des rappels des 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 changer les couleurs de fond et de police.Voici comment votre utilisateur le verra : Retour en haut de la page Cover Image.zip 200 ko Télécharger Classic Experience.zip 3 Mo Télécharger Atom Experience.zip 800 ko Télécharger Selector Experience.zip 400 ko Télécharger All Templates.zip 5 Mo Télécharger Mapper Experience.zip 200 ko Télécharger Articles associés Créez une expérience Mapper pour visualiser les emplacements des produits Meilleures pratiques pour le téléchargement de vidéos dans Showpad Configurer votre mise en page Page Définir les polices Google pour les pages et les pages d'accueil Présentations à l’aide des Advanced Experiences