Denarnica za posel

Kako oblikovati kartico v denarnici, da dobro izgleda na zaklenjenem zaslonu

31. August 2026

Ko razmišljamo o oblikovanju kartice zvestobe, si predstavljamo lepo sličico v aplikaciji, ki jo stranka občuduje. V resnici pa stranka vašo kartico največkrat vidi drugje: na zaklenjenem zaslonu telefona, majhno, stisnjeno med sporočila, vremensko napoved in obvestila drugih aplikacij. Kartica v Apple ali Google Wallet se prikaže, ko je stranka blizu vašega lokala, in ko ji pošljete obvestilo o pečatu ali ponudbi. To je pravzaprav vaš najpogostejši oglasni prostor — in prav zanj je vredno oblikovati.

Dobra novica je, da za to ne potrebujete oblikovalca. Potrebujete pa nekaj preprostih odločitev, sprejetih z mislijo na majhen zaslon in ne na velik monitor.

Tako kartico stranka vidi največkrat — majhno, na zaklenjenem zaslonu.

Logotip mora biti prepoznaven pri velikosti nohta

Na zaklenjenem zaslonu se ob obvestilu pokaže drobna ikona vaše kartice — velika komaj za palec. Če je vaš logotip poln drobnih detajlov, tanke pisave ali slogana, se vse to zlije v packo. Zato velja preprosto pravilo: ikona naj bo najbolj prepoznaven, najbolj poenostavljen del vaše znamke. Za kavarno je to lahko sama skodelica ali začetnica, za frizerski salon škarje ali ime v enem močnem znaku. Če imate logotip s prozornim ozadjem, še bolje — barva kartice zasije skozenj in ikona deluje kot del pasu, ne kot nalepka, prilepljena čez.

Preizkus je enostaven: odprite svoj logotip na telefonu in ga pomanjšajte, dokler ni velik kot nohtek. Ga še vedno prepoznate? Če da, bo deloval na zaklenjenem zaslonu. Če ne, ga poenostavite, dokler ne bo.

Barva ozadja: ena, živa, vaša

Applove smernice za oblikovanje kartic (Human Interface Guidelines) svetujejo isto stvar, ki jo vidimo pri vsaki dobri kartici v denarnici: izberite eno polno, živo barvo ozadja namesto bele. Bela kartica na belem obvestilu izgine; kartica v vaši znamčeni barvi takoj pove, čigava je, še preden stranka prebere eno samo besedo. Pri klink. v nadzorni plošči izberete barvo kartice in barvo besedila — in prav ta ena odločitev naredi največ za prepoznavnost. Držite se ene glavne barve; kartica ni mesto za mavrico.

Ko izberete barvo, pomislite še na besedilo. Kontrast mora biti dovolj močan, da se svetle črke berejo na temni podlagi ali obratno — tudi zunaj, na soncu, ko stranka stoji pred vašim pultom in vam kartico kaže.

Kartica v denarnici ni plakat. Je majhna izkaznica, ki mora povedati eno stvar — čigava je in kako blizu nagrade ste — v pol sekunde, s kotička zaslona.

Svetla in temna tema: preverite obe

Telefoni se ponoči (in vse pogosteje tudi podnevi) preklopijo v temno temo, zaklenjeni zaslon pa je skoraj vedno temen. Kartica, ki je videti odlično na belem ozadju v urejevalniku, je lahko na temnem zaklenjenem zaslonu nenadoma nečitljiva — temno besedilo na temni podlagi, logotip, ki se izgubi. Zato po oblikovanju kartico vedno poglejte v obeh temah: prižgite temno temo na svojem telefonu in preverite, ali sta ime in napredek še vedno jasna. To je dvominutni korak, ki ga večina spregleda — in prav on loči kartico, ki deluje, od tiste, ki na pol strank izpade prazna.

Kaj naj piše na sprednji strani

Skušnjava je, da bi na kartico natrpali vse: naslov, telefon, delovni čas, slogan. Ampak na majhnem zaslonu je vsaka odvečna vrstica šum. Sprednja stran naj pove le tisto, kar stranko zanima v tistem trenutku: ime lokala, kaj je nagrada in kako blizu ji je. »Še 2 pečata do brezplačne kave« je vse, kar mora videti. Vse ostalo — naslov, delovni čas, pravila programa — sodi na hrbtno stran kartice, kjer je na voljo, a ne moti.

Naredite

ena živa barva znamke
preprosta, prepoznavna ikona
napredek jasno viden
preverjeno v temni temi

Izogibajte se

belemu ali sivemu ozadju
logotipu z drobnim besedilom
natrpanim podatkom spredaj
šibkemu kontrastu črk

Še ena drobna, a pomembna stvar: pomembnih podatkov ne »zapecite« v sliko. Na pametni uri in v nekaterih obvestilih se slike na kartici ne prikažejo, prikaže pa se besedilo v poljih. Če je torej ime nagrade zapisano kot besedilo in ne narisano v grafiki, ga stranka vidi povsod — tudi na zapestju.

Oblikovanje, ki se ga da narediti v desetih minutah

Nič od tega ne zahteva oblikovalskega programa. V nadzorni plošči klink. naložite logotip, izberete barvo kartice in besedila, določite nagrado in število pečatov — in kartica je pripravljena, urejena tako za Apple kot za Google Wallet. Priporočamo, da si jo po nastavitvi dodate na svoj telefon in jo pogledate v živo, na zaklenjenem zaslonu, v svetli in temni temi. Tistih deset minut je razlika med kartico, ki jo stranka takoj prepozna, in kartico, ki se izgubi med desetimi drugimi obvestili.

Sorodno branje: Apple in Google Wallet, razloženo za lastnike lokalov in kaj je dejansko potrebno za nastavitev kartic v denarnici.

Če želite videti, kako izgleda vaša kartica z vašim logotipom in vašimi barvami — na zaklenjenem zaslonu, ne le v urejevalniku — preizkusite klink. brezplačno 14 dni in postavite svojo prvo digitalno kartico še danes, brez kreditne kartice.

Wallet for business

Designing a wallet card that looks right on the lock screen

August 31, 2026

When we think about designing a loyalty card, we picture a pretty image in an app that the customer admires. In reality, your customer sees your card somewhere else most of the time: on their phone's lock screen, small, wedged between messages, the weather and everyone else's notifications. A card in Apple or Google Wallet surfaces when the customer is near your shop, and whenever you send them a note about a stamp or an offer. That's actually your most frequent piece of advertising space — and it's worth designing for.

The good news is you don't need a designer for this. You do need a few simple decisions, made with a small screen in mind rather than a big monitor.

This is how your customer sees the card most often — small, on the lock screen.

Your logo has to read at thumbnail size

On the lock screen, a notification shows a tiny icon of your card — barely thumb-sized. If your logo is full of fine detail, thin type or a tagline, all of that blurs into a smudge. So the rule is simple: the icon should be the most recognisable, most stripped-back part of your brand. For a café that might be the cup or an initial; for a hair salon, a pair of scissors or the name in one bold mark. If your logo has a transparent background, better still — the card's colour shines through and the icon feels part of the pass, not a sticker slapped on top.

The test is easy: open your logo on your phone and shrink it until it's the size of a fingernail. Can you still tell what it is? If yes, it'll work on the lock screen. If not, simplify it until it does.

Background colour: one, vivid, yours

Apple's own pass design guidance (the Human Interface Guidelines) recommends the same thing you see on every good wallet card: pick one solid, vivid background colour rather than white. A white card on a white notification vanishes; a card in your brand colour says whose it is before the customer has read a single word. In the klink. dashboard you choose the card colour and the text colour — and that one decision does more for recognition than anything else. Stick to one main colour; a wallet card is not the place for a rainbow.

Once you've chosen the colour, think about the text on top of it. The contrast has to be strong enough that light letters read on a dark ground, or the reverse — including outdoors in daylight, when a customer is standing at your counter holding the card up to show you.

A wallet card is not a poster. It's a small badge that has to say one thing — whose it is, and how close you are to the reward — in half a second, from the corner of a screen.

Light and dark mode: check both

Phones switch to dark mode at night (and increasingly during the day too), and the lock screen is almost always dark. A card that looks great on a white background in the editor can suddenly be unreadable on a dark lock screen — dark text on a dark ground, a logo that disappears. So after designing, always view the card in both modes: turn on dark mode on your own phone and check that the name and the progress are still clear. It's a two-minute step most people skip — and it's exactly what separates a card that works from one that shows up half-blank for a chunk of your customers.

What belongs on the front

The temptation is to cram everything onto the card: address, phone, opening hours, tagline. But on a small screen, every extra line is noise. The front should show only what the customer cares about in that moment: the shop's name, what the reward is, and how close they are to it. "2 stamps to go until a free coffee" is all they need to see. Everything else — address, hours, programme rules — belongs on the back of the card, where it's available but out of the way.

Do

one vivid brand colour
a simple, recognisable icon
progress shown clearly
checked in dark mode

Avoid

a white or grey background
a logo with tiny lettering
cramming details on the front
weak text contrast

One more small but important thing: don't "bake" key information into an image. On an Apple Watch and in some notifications the card's images don't render, but the text fields do. So if the reward is written as text rather than drawn into a graphic, the customer sees it everywhere — including on their wrist.

Design you can finish in ten minutes

None of this needs a design program. In the klink. dashboard you upload your logo, pick the card and text colours, set the reward and the number of stamps — and the card is ready, laid out for both Apple and Google Wallet. We'd suggest adding it to your own phone once it's set up and looking at it live, on the lock screen, in both light and dark mode. Those ten minutes are the difference between a card a customer recognises instantly and one that gets lost among ten other notifications.

If you want to see how your card looks with your logo and your colours — on the lock screen, not just in an editor — try klink. free for 14 days and set up your first digital card today, no credit card required.