Une seule identité, trois registres. Le site parle fort, dans le noir, avec la carte en objet. La caisse parle par la couleur de l'écran entier. Le dashboard se tait, en clair. La carte appartient au Commerçant.
À gauche, les couleurs du chrome, communes à toutes les surfaces. À droite, les quatre états : on ne les voit que sur l'écran de caisse, et chacun a toujours son mot.
Unbounded
Inter
+12 pts · 14:32
C'est l'univers de F. La couleur du Commerçant de démonstration éclaire la page, et l'objet réagit à la souris. Le site n'a qu'un seul bouton plein.
Votre programme de fidélité vit dans Apple Wallet et Google Wallet. Vos Clients n'installent rien ; vous scannez avec la tablette du comptoir.
Encore une visite pour un café offert.
Sur le site, la carte est mise en scène, ce n'est pas la vraie. La vraie carte suit le gabarit du wallet (voir 4).
C'est le système d'états de E. Les titres sont en Unbounded, plus calme que l'Anton de l'affiche. « Prêt » prend la nuit du site, si bien que la caisse au repos ressemble à Estampe.
Marie D. · 10/10
Offert.
Un café offert. Remettez-le maintenant ou à la prochaine visite.
Noir chaud et ivoire, sans couleur d'état ni halo. Unbounded ne sert qu'aux titres et aux chiffres. Le bouton plein est noir, il n'y en a qu'un. Les chiffres sont des données d'exemple.
Voici ce qui s'est passé au comptoir aujourd'hui.
42
Exemple · 38 hier à la même heure
5
Exemple · via le QR du comptoir
3
Exemple · 2 en attente
C'est un storeCard Apple, dessiné dans ses vraies contraintes (étude personnalisation Apple Wallet) : 3 couleurs, un logo, un bandeau et des champs texte, sans police ni mise en page libres. L'identité Estampe ne passe que par le bandeau.
Prochaine récompenseUn café offert
Le compteur va dans le seul champ visible quand les Cartes sont empilées. C'est aussi le seul qui déclenche la notification.
C'est la seule image libre, donc la signature Estampe : un halo de lumière, repris du site, et une rangée de points générée à chaque visite. Le texte « primary » se pose dessus.
Secondaire et auxiliaire combinés. Textes courts, de 15 à 20 caractères environ.
Fond, texte et libellés, tous trois choisis par le Commerçant. Estampe garantit le contraste et retombe sur un neutre si besoin.
posterGeneric permet une image plein fond (358 × 448) : on pourrait y retrouver l'objet éclairé du site, avec le storeCard en repli. Sur Google, l'image hero par Client joue le rôle du bandeau. Dans les deux cas, la mise à jour d'une Carte déjà installée est à tester sur un vrai téléphone.