Card Designer — builder ya Card (hatua 5)

5. Card Designer — builder ya Card (hatua 5)

Unapounda Card mpya (kwa kubonyeza NEW STAMP CARD), unaweza kuchagua visual template iliyo karibu na mtindo wako. Juu unaweza kubadilisha haraka kati ya aina za biashara (kwa mfano, restaurants) au kupitia zote kwa kuscroll. Usijali ukichagua isiyofaa: kila rangi na icon vinaweza kubadilishwa! Ukishachagua template, inanakiliwa kwenye Card yako mpya na unafikishwa ndani ya Card Designer. Unaweza kuruka hatua hii — bonyeza tu Start From Scratch. Utafika kwenye Card Designer hiyo hiyo.

Card Designer hufunguka wakati wa kuunda Card mpya na pia unapobonyeza icon ya ✏️ Edit kwenye Card iliyopo. Ni wizard ya hatua kwa hatua yenye stages tano:

1. Personalize your style — mtindo na branding.
2. Add Visuals — usanidi wa Stamp.
3. Build Your Journey — Rewards na Milestone Rewards.
4. Additional settings — Birthday na Geo-fence notifications.
5. Result — preview ya mwisho na kuzalisha Card upya.

Upande wa kulia wa screen daima kuna Preview stamp card ya moja kwa moja — husasishwa kwa wakati halisi kila unapobadilisha kitu. Unaweza kugusa hatua yoyote kwenye navigation ya chini ya preview ili kuona Card itakavyokuwa mtumiaji anapofikia Stamp hiyo.

---

5.1 Step 1. Personalize your style — mtindo na branding

Hatua ya kwanza husanidi muonekano na branding ya Card:

• Card logo — logo ya biashara yako (inapakiwa kutoka file au kupakwa kutoka clipboard).
• Card name — jina la Card (kwa mfano, Morning Bean, Beauty Salon Loyalty, Free Pizza Club). Hilo ndilo mteja huona ndani ya Wallet.
• Smart contrast colors — toggle ya kuchagua rangi zenye contrast kiotomatiki (inapendekezwa kama huna uhakika na palette yako). Ikiwashwa, mfumo hurekebisha rangi kiotomatiki kama zinaingiliana.
• Page Background — rangi ya background ya ukurasa wa Card.
• Stamps block — background ya block ya Stamp yenyewe, ukibadilisha kati ya Color (solid) na Image (picha iliyopakiwa — kwa mfano, picha ya coffee beans kwa coffee shop).
• Customize font (web only)? Yes! — kubinafsisha font (hutumika tu kwenye web preview; Wallet hutumia system font).

Kanuni rahisi ya design nzuri ya Card: logo lazima isomeke kwenye ukubwa mdogo; background inapaswa kuwa solid au yenye contrast ndogo, la sivyo Stamp huwa ngumu kusoma. Kabla ya kuchapisha, bonyeza daima View as Customer na ukague Card inavyoonekana kwenye screen halisi ya simu.

---

5.2 Step 2. Add Visuals — usanidi wa Stamp

Hatua hii husanidi jinsi Stamp zinavyoonekana:

• Set total stamps — jumla ya Stamp kwenye Card (kwa mfano, 8). Hilo ndilo Goal ya mwisho — mteja akifikia idadi hiyo, Reward huwashwa.
• Stamp Icon — icon ya Stamp. Hupakiwa tofauti kwa hali za Active (imejazwa) na Inactive (tupu). Mbinu nzuri ni kutumia icon ya bidhaa yako kuu (kikombe cha kahawa, pizza, mkasi) kwa active na toleo la kijivu la picha hiyo hiyo kwa inactive.
• Border Colors — rangi ya border ya Stamp kwa hali za active na inactive.
• Background Colors — rangi ya background ya Stamp kwa hali za active na inactive.

Card yenye Stamp 8 ni sehemu tamu kwa coffee shops na quick service. Kwa premium services (salons, restaurants) Stamp 4–6 ni za kawaida. Kwa manunuzi ya mara kwa mara (bakeries, fast food) — 10–12. Usiende juu ya 15 — motisha hushuka na voucher huanza kuonekana mbali mno.

---

5.3 Step 3. Build Your Journey — Rewards na Milestone Rewards

Hii ndiyo hatua muhimu zaidi. Hapa ndipo unaamua mteja anapata nini na anaipataje.

Reward Icon

Icon ya Reward (Active / Inactive) — huonyeshwa kwenye seli ya mwisho ya Card badala ya Stamp ya kawaida.

Reward format

Toggle ya options tatu: Award | Voucher | Lottery. Hizi ndizo aina tatu za Reward — kila moja ina Section 6 yake. Kwa kifupi:

• Award — zawadi ya maandishi ya papo hapo (“Free Coffee”). Rahisi na ya haraka.
• Voucher — Smart Voucher yenye mzunguko wake wa maisha na Redeem Code ya hiari.
• Lottery — droo kutoka kwenye pool ya variants zenye probabilities.

Reward Title

Text ya zawadi ya mwisho (kwa mfano, Free Coffee, Free L'Oréal Hair Coloring, 50% off tire replacement). Hii ndiyo mteja ataiona katika safari yote — ndani ya Wallet na pia kwenye preview.

Optional Settings

Hufungua popup ya Optional reward settings yenye parameters za ziada za Reward. Yaliyomo hutegemea aina iliyochaguliwa (tazama Award, Voucher, Lottery).

How customers earn stamps — stamping rule

Toggle: Per order | By amount.

• Per order — Stamp moja kwa kila risiti / order bila kujali kiasi. Ni rahisi na inaeleweka, na inafaa kwa cafe nyingi na salons.
• By amount — Stamp moja kwa kila N ya units za currency kwenye risiti (kwa mfano, Stamp 1 kwa kila EUR 10). Inafaa kwa restaurants na retail zenye ticket sizes zinazobadilika — inawasukuma wateja kukuza basket. Inahitaji kiasi cha risiti kipitishwe kwenda 7stamp (kupitia POS integration au Receipt QR).

Do you want to add milestone rewards? Yes!

Link hii hugeuza Card ya lengo moja kuwa Milestone Rewards — Card yenye zawadi kadhaa za katikati. Kwa mfano: Stamp 3 → zawadi ndogo, 6 → ya kati, 9 → Reward ya mwisho. Maelezo yako katika Section 6.4.

---

5.4 Step 4. Additional settings — Birthday na Geo-fence

Hatua hii hufungua automations — vitu vinavyofanya kazi bila ushiriki wako baada ya Card kuchapishwa.

Birthday Rewards

• Enable birthday greetings — Yes / No.
• Greeting message — text ya salamu (kwa mfano, Happy Birthday! 🎉).
• Congratulations before N days — ni siku ngapi kabla ya birthday kutuma salamu (0 = siku yenyewe, 3 = siku tatu kabla).
• Give birthday voucher — Yes / No. Ikiwa Yes — voucher hutolewa kiotomatiki pamoja na salamu.

Tarehe ya birthday hukusanywa kutoka kwenye Card ya mteja — mteja anaweza kuiweka wakati wa join au baadaye kwenye ukurasa wa Card.

Geo-fence notification — geo-reminders

Ndani ya Geo-fence notification kwa default ni tupu: “You have no locations yet”. Gusa + Add location — popup ya Add location itafunguka:

• Store address — ingiza anwani ya venue (kwa mfano, Bratislava, Bastova 3). Google Maps hutoa mapendekezo unapoandika.
• Marker itaonekana kwenye ramani; boresha nafasi hiyo. Coordinates zitanaswa kiotomatiki (kwa mfano, 48.14487, 17.10618).
• Message — text ya notification ambayo mteja atapokea akiwa karibu (kwa mfano, You're nearby! Drop by for your morning coffee).

Unaweza kuongeza locations kadhaa — geo-fence itawashwa kwa yoyote kati yao.

Tahadhari. Geo notifications hufanya kazi tu kama mteja amewasha geolocation na Wallet push notifications. Usitumie channel hii kwa promos kali — weka tone iwe ya joto na isiyovamia.

---

5.5 Step 5. Result — kuzalisha Card upya kwa mwisho

Kwenye hatua ya mwisho unaona Preview stamp card ya mwisho pamoja na button ya Regenerate Stamp Card.

• Unapounda Card mpya, button huiweka live tu — ukibonyeza, Card inaonekana ndani ya gallery ya Stamp Cards na QR inaanza kufanya kazi.
• Unapohariri Card iliyopo, Regenerate Stamp Card hutumia mabadiliko yote na kusasisha design kwenye Card zote za wateja ambazo tayari zimetolewa (kupitia Wallet push update). Mabadiliko ya rangi, text, na icons huwafikia wateja kiotomatiki.

Muhimu kuhusu editing. Badilisha design kwa ujasiri — husasishwa kwa wateja. Lakini usibadilishe mechanics za msingi (idadi ya Stamp, aina ya Reward) kwenye Card iliyo live: hiyo huwachaanganya washiriki waliopo. Ikiwa unahitaji mechanics tofauti, tengeneza Card mpya na uweke ya zamani kwenye archive.

---