Composants
Sticker
Le sticker est utilisé pour faire émerger une information.
# Usage
Les stickers sont utilisés pour attirer l’attention de l’utilisateur sur une information liée à un produit ou une offre.
Quand l'utiliser
- Mise en avant d’une information : pour mettre en avant des informations essentielles comme des réductions, des offres limitées, des nouveautés, etc.
Quand ne pas l'utiliser
-
Eléments interactifs : ne pas utiliser pour réaliser des actions ou rediriger les utilisateurs.
-
Informations non spécifiques : ne pas utiliser pour des informations qui ne nécessitent pas une attention spécifique ou immédiate.
-
Sur-utilisation : ne pas utiliser trop de stickers sur une seule page pour éviter de surcharger visuellement la lecture de l’utilisateur et diluer l'impact.
Les différents types de sticker
-
Sticker conversion (ACCENT) : met en avant une information de conversion sur une page avec un objectif business (ex. : “Bon plan”, “1 mois offert”). Il peut y avoir plusieurs stickers de conversion sur la même page avec des bons plans différents.
-
Sticker information (INFO) : met en avant toutes les informations liées à l’offre B.iG (ex. : “BiG économies : -7€/mois déjà déduits”).
-
Sticker defaut (MAIN) : met en avant tous types d’informations, hors conversions (ex. : “Nouveau”, “livraison offerte”).
-
Sticker reconditionné (ECO) : met en avant une information sur un produit ou une offre reconditionné (ex. : Reconditionné)
Stickers ou Tag ?
-
Le Sticker est utilisé pour mettre en avant une information importante pour l’utilisateur comme des réductions, des bons plans ou des nouveautés (ex. : “Bon plan”, “-XX€ de remise”, “1 mois offert”).
-
Le Tag permet d’organiser et catégoriser les éléments et d’indiquer l’état ou le statut d’un élément (ex. : “Connecté”, “Non connecté”, “Disponible”).
# Do & Don't
Accessiblité
Ne pas écrire tout en majuscules pour favoriser la bonne lisibilité du texte.
Césure
Ne pas écrire sur 2 lignes
Lien dans un sticker
Lien dans un sticker
Longueur
Ne pas dépasser 25 caractères espaces compris. Au-delà, utiliser un autre composant : badge, label, texte...
Stickers avec icônes
Ne pas utiliser d’icône qui n’ont pas de signification avec le label