⚔️ เควสวันนี้
รีเซ็ตเที่ยงคืน🎉 วันนี้มีเรื่องฉลอง
อัตโนมัติ💗 ฟีดขอบคุณ
สวัสดิการของฉัน · Flex-Benefit / E-Claim
›Links
Highlights
เช็คอินวันนี้ · บอกความรู้สึกหน่อย
2🏆 ชาเลนจ์ทีม · เดินรวม 1 ล้านก้าว
🔌 Plug-in: Wellnexทีมชนะ +100/คนEngage ไม่นับก้าวเอง — Wellnex สรุปยอดทีมส่งผ่าน API วันละครั้ง (idempotent) · Engage ดูแลกติกา รางวัล และอันดับ · จบสิ้นเดือน ก.ย.
👥 ชมรม
HR สร้าง/ดูแลกลุ่ม🥇 Score Board
Podcast & Town Hall
ข่าวสาร
Rewards
กิจกรรม
กิจกรรม
ลงทะเบียน → เช็คอินหน้างานด้วย QR → รับ Coin อัตโนมัติ
ข่าวสาร
อ่านจบรับ Coin (ชิ้นละครั้ง) · คอมเมนต์/แชร์ได้
Rewards
แลกของรางวัลผ่าน Buzzebees หรือแปลง Coin เป็นเงิน/ทอง/กองทุน
เหรียญที่ใช้แลกของได้
🎟️ คูปองของฉัน
🎲 Random Reward
แลกผ่าน Buzzebees
Convert Coin
Convert แต้ม
แปลงเหรียญไปใช้เคลม / Marketplace / เงิน–ทอง–การลงทุน — เหรียญไหนแปลงได้และเพดานต่อเดือน กำหนดจากหลังบ้าน
1 · เลือกเหรียญต้นทาง
2 · แปลงไปเป็น
3 · จำนวน
ทุกรายการ idempotent (externalId) และ sync ไประบบปลายทางผ่าน Integration API — เพดานตัวอย่าง: 3,000 เหรียญ/เดือน
หลังบ้าน (Back Office)
Tenant: — เดโม่นี้ทุกการแก้มีผลกับหน้าบ้านทันที แก้เสร็จกดกลับไปดูหน้าแรกได้เลย · ดูในฐานะ
สกุลแต้มของ tenant นี้
| เหรียญ | ในระบบทั้งหมด | อายุแต้ม | ที่มา | สถานะ | จัดการ |
|---|
ปิดใช้งาน = ซ่อนจากกระเป๋า/Redeem/Convert ทันที ยอดคงเหลือเก็บไว้ (เปิดกลับได้) · ลบได้เมื่อไม่มียอดค้างหรือปิดใช้งานแล้ว · สกุลหลักปิด/ลบไม่ได้
สิทธิ์การใช้ต่อเหรียญ (Permission Matrix)
ตัวอย่างนโยบาย: เหรียญกิจกรรมใช้ได้แค่ Marketplace · Hearts ส่งให้เพื่อนอย่างเดียว · เหรียญกลางใช้ได้ทุกอย่าง — สลับได้เลย หน้าบ้าน/หน้า Redeem/หน้า Convert จะอัปเดตทันที
| เหรียญ | 🛍️ Marketplace | 🏥 เคลม/วงเงิน | 💗 ส่งให้เพื่อน | 💱 Convert |
|---|
อัตราแปลงไปปลายทางภายนอก & วงเงินเคลม (ตั้งค่าได้)
ใช้กับเหรียญที่เปิดคอลัมน์ Convert ใน Matrix · เหรียญ ↔ เหรียญ ตั้งที่การ์ดด้านบน
| จาก → ไป | อัตรา | เพดาน/เดือน | ปลายทาง sync |
|---|---|---|---|
| เหรียญกลาง → วงเงินเคลม | 1 = 1 บาท | 3,000 | Flex points/grant |
| เหรียญกลาง → TrueMoney | 100 = 10 บาท | 500 บาท | Buzzebees API |
| เหรียญกลาง → SavvyGold | 100 = 0.01 กรัม | 1 กรัม | SavvyGold API |
| เหรียญกลาง → Dime! | 100 = 10 บาท | 500 บาท | Dime! API |
โปรไฟล์
สมชาย ใจดี · Z0001 · ฝ่ายปฏิบัติการ
🔖 ที่ติดตาม
⚙️ ปรับแต่งลิงก์ของฉัน — ซ่อนลิงก์ที่ไม่ใช้ (ชุดมาตรฐานจาก HR)
🔔 การแจ้งเตือน
🪙 เหรียญทั้งหมดของฉัน
ทุกสกุล สิทธิ์การใช้ วันหมดอายุ และปุ่มใช้งาน — รวมที่เดียว
⏳ ใกล้หมดอายุ
💡 วิธีได้แต้ม
ทำกิจกรรม/เช็คอิน · อ่านข่าว · บันทึกความรู้สึกวันนี้ · ภารกิจสุขภาพจาก Wellnex · PMS/โบนัส No-claim — ปุ่มใช้แต้ม (E-Claim / Redeem / Convert / ส่งเพื่อน) อยู่ที่กระเป๋าแต้มหน้าแรกที่เดียว
🕘 เช็คอิน / เช็คเอาต์เข้างาน
บันทึกเวลา + ความรู้สึกวันนี้ + รายงานงานสั้น ๆ — หัวหน้าเห็นภาพรวมทีมในหลังบ้าน
คุณภาพงานสัปดาห์นี้
ประวัติ
หน้านี้ fit-to-screen เสมอ (100dvh + viewport-fit=cover) — ไม่ต้อง zoom out เองอีกต่อไป
🛠️ Back Office — เข้าสู่ระบบผู้ดูแล
หลังบ้านเป็นระบบแยกจากหน้าบ้านพนักงาน: คนละทางเข้า คนละบัญชี คนละสิทธิ์ (Super Admin / HR / Finance / Viewer) — บัญชีออกโดย Super Admin เท่านั้น
ลืมรหัสผ่าน → ขอลิงก์ตั้งรหัสใหม่จาก Super Admin · SSO องค์กรเปิดได้เมื่อเชื่อม IdP
เดโม่: admin@zennite.co (Super Admin) · hr@zennite.co (HR) · finance@zennite.co · viewer@zennite.co — รหัสผ่านอะไรก็ได้ (mock)
🎙️ Podcast & Town Hall
โน้ตรีดีไซน์ · ตอบ comment ลูกค้า
Map ทุก feedback (rollout MTS Gold) → สิ่งที่แก้ในเดโม่นี้ — ไว้คุยกับทีม product/dev
| # | Comment ลูกค้า | การแก้ (ดูได้ในเดโม่) |
|---|---|---|
| 1 | หน้า Flex หายไป | การ์ด "สวัสดิการของฉัน" กลับมาบนหน้าแรก — วงเงิน Flex + Reimbursement พร้อม progress bar กดเข้าระบบ Flex ได้ |
| 2 | UX/UI แห้งเกิน แอปดูไม่มีอะไรเลย | รีดีไซน์ทั้งหน้า: hero gradient ตามแบรนด์ + wallet ลอย + การ์ดมีเงา/ลำดับชั้น + ทุก section มี content ตัวอย่าง ไม่มี empty state |
| 3 | ขาด content — ควรบังคับอัปโหลดข่าว/reward ตั้งแต่ rollout + มี carousel | Highlights เป็น carousel เลื่อนอัตโนมัติ + Rollout Gate (ด้านล่าง): เปิดใช้ไม่ได้ถ้า content ไม่ครบขั้นต่ำ |
| 4 | ไม่มี Links เลย — ควรมี default 4–5 ลิงก์เสมอ | ระบบ seed default 5 ลิงก์ให้ทุก tenant: เช็คอิน · Marketplace · Flex Benefit · เบิกค่าใช้จ่าย · บัตรพนักงาน (HR แก้ทีหลังได้ แต่ลบจนว่างไม่ได้) |
| 5 | เพิ่ม margin/padding ระหว่าง "Links" กับ icon | กำหนด spacing scale ของ section header = 12px ล่าง ใช้ทั้งแอป (ดูหัวข้อ Links หน้าแรก) |
| 6 | หน้าจอล้นตอน login (iOS ต้อง zoom out เอง) | ใช้ 100dvh + viewport-fit=cover + safe-area inset — ดูหน้า Login ใหม่จากเมนูโปรไฟล์ → ออกจากระบบ |
| 7 | Redeem Buzzebees ติด popup blocker | Flow ใหม่: modal แจ้งก่อนเปิดแท็บ + ปุ่มสำรอง "คัดลอกลิงก์" + วิธีอนุญาต popup — ลองกด Redeem ดูได้ |
| 8 | ปรับธีมสี + โลโก้ตามลูกค้า / multi-tenant | Design token ต่อ tenant (สี hero, accent, ชื่อเหรียญ, โลโก้) — ลองสลับ Zennite ↔ MTS Gold มุมขวาบน รองรับ light/dark ทั้งคู่ |
➕ ความสามารถที่เพิ่มหลังรอบ feedback (ลองได้ในเดโม่นี้)
| เรื่อง | สรุป | ลองที่ |
|---|---|---|
| Multi-currency | เหรียญหลายสกุลต่อ tenant + สิทธิ์การใช้ต่อเหรียญ (Marketplace / เคลม / ส่งเพื่อน / Convert) — ตัวอย่าง: Zen Coin ใช้แลกของเท่านั้น, Hearts ส่งเพื่อนเท่านั้น, Flex Coin ใช้ได้หมด | กระเป๋าหน้าแรก · ⚙️ → สกุลแต้ม (กด toggle ดูหน้าบ้านเปลี่ยน) |
| Convert | แปลงเหรียญ → วงเงินเคลม (เข้า Flex) / เหรียญ Marketplace / TrueMoney / SavvyGold / Dime! พร้อมเรท-เพดานจากหลังบ้าน | ปุ่ม Convert ในกระเป๋า |
| Back Office 6 หน้า | ภาพรวม · สกุลแต้ม · Content + Rollout Gate คำนวณสด (content ไม่ครบ = เปิด portal ไม่ได้) · แบรนด์/ธีมเปลี่ยนสีทั้งแอปทันที · ภาษา · Consent | ปุ่ม ⚙️ มุมขวาบน |
| หลายภาษา | ไทย / English / မြန်မာ + เพิ่มภาษาใหม่จากหลังบ้าน (เดโม่: 中文) — key ที่ยังไม่แปล fallback เป็นไทย มี coverage % ให้ดู | ปุ่ม TH ▾ บน hero · ⚙️ → ภาษา |
| Consent (PDPA) | Gate ก่อนเข้าครั้งแรก (บังคับ T&C+PDPA, optional ไม่ pre-check) · consent เฉพาะจุด (Buzzebees ก่อน redeem, สุขภาพ Wellnex ม.26) · ถอนได้ที่โปรไฟล์ · หลังบ้านเพิ่ม custom ได้ | โหลดหน้าใหม่ · ⚙️ → Consent |
| Responsive | 3 layout: มือถือ (bottom nav) / iPad (sidebar) / desktop (portal กว้าง) — ตรวจ fit แล้วทุกหน้าที่ 320 / 768 / 1280px | ย่อ-ขยายหน้าต่างดูได้เลย |
มาตรฐานฝั่งระบบจริง (security · performance · code) อยู่ใน modules/engagement/docs/ENGINEERING-GUIDE.md