Préparer votre kit graphique
En vue de la configuration de votre site, voici les éléments graphiques à préparer.
Le logo de la plateforme. Le logo défini en back-office sera visible de tous vos utilisateurs, mais risque également d'être vu par vos clients s'ils ont la possibilité de voir les écrans avec lesquels vous travaillez. Le logo présent dans les emails. Il s'agit du logo qui sera affiché en en-tête de tous les emails envoyés depuis la plateforme. Une attention particulière doit être portée à ses dimensions et à son poids : il faut que vos emails soient les plus légers possible. Le logo des contrats. Vos contrats afficheront ce logo en en-tête. Veillez à ce qu'il ne soit pas trop grand pour ne pas prendre toute la place ni alourdir les fichiers envoyés par e-mail.
Le logo des factures. Vos factures afficheront ce logo en entête. Veillez à ce qu'il ne soit pas trop grand pour ne pas prendre toute la place ni alourdir les fichiers envoyés par email. Le logo de votre front-end L'élément de navigation de notre template par défaut fait 60 pixels de hauteur. Votre logo n'a donc pas besoin d'être plus haut. Le logo du menu "burger". Nous vous conseillons ici de prévoir une image ayant ces dimensions ou ces proportions : 121 x 57 pixels. Dans le cas contraire elle serait étendue.
Le logo du pied de page. Nous vous conseillons ici de prévoir une image ayant ces dimensions ou ces proportions : 241 x 113 pixels. Dans le cas contraire elle serait étendue. Les composants "image" du builder. • Le composant "Call to action" du builder vous permet d'afficher une image plein écran. Cette image n'a pas de dimensions précises, mais vous pouvez définir dans le composant une hauteur maximum à ne pas dépasser (pour un affichage standard, la hauteur est de 300 pixel). Nous vous conseillons tout de même de ne pas intégrer d'image dépassant les 1800 pixels de large, afin de ne pas ralentir l'affichage de votre front-end. • Le composant "Image et texte" vous permet d'afficher une image à côté d'un texte. Cette image n'a pas de dimensions précises, mais pour un rendu optimal vous pouvez sélectionner des proportions d'image dans le composant : 1:1, 4:3, 16:9 ou 21:9. Votre image devra respecter les propositions choisies. • Vous pouvez ajouter des images de couverture à vos vidéos. Nous vous conseillons d'utiliser les mêmes proportions que pour la taille de vos vidéos, et de ne pas dépasser 1800 pixels de large.
Vos icônes N'oubliez pas de préparer vos icônes si nécessaire. Celles-ci devront être les plus légères possible, et toutes de la même taille. Les images de couverture de vos catégories L'image est affichée en full sur l'écran, elle s'adapte donc à l'écran sur lequel vous affichez le site. Nous vous recommandons d'utiliser un format paysage 16/9, et vous invitons vivement à tester le rendu sur plusieurs appareils. L'image principale de vos produits L'image principale de vos produits sera affichée en miniature dans certains composants et dans les pages catégories de votre front-end. Nous vous conseillons pour un rendu optimal d'utiliser des images au format carré (800x800 pixels par exemple).
Les images secondaires de vos produits Les images secondaires de vos produits seront affichées en miniatures ici. Nous vous conseillons pour un rendu optimal d'utiliser des images au format carré (500x500 pixels par exemple), comme pour l'image principale. Quelques conseils d'optimisation : • Nommez vos images de manière descriptive et en langage clair de manière à pouvoir les identifier facilement. • Le nom de vos images ne doit pas contenir d'espace. • Adaptez les dimensions de vos images : elles ne doivent être ni trop petites ni trop grandes, les images de même type doivent avoir les mêmes dimensions. • Réduisez le poids de vos images au maximum pour optimiser le délai d'affichage de vos pages et la navigation sur mobile. • Choisissez le bon format de fichier : JPG et PNG pour les photos, PNG ou SVG pour les logos et illustrations. • Testez toujours le rendu vos images. • Evitez d'insérer du texte dans vos images.