TikTok CRM — Mockup 4 Roles

HumanAI Design System · เลือกชุดสี (§0 Brand Block) ด้านล่างเพื่อ preview · สี/โลโก้/ชื่อ คือสิ่งเดียวที่เปลี่ยน · component/spacing เหมือนทุก product ในเครือ

Brand palette:

พนักงาน · Staff

15+ คน · โทรลูกค้า · กดผลโทร · ลงเวลา

9:41● ● ● ●
สวัสดีตอนเช้า
คุณนิดา · ทีม A
STAFF · EMP-0014
12
โทรวันนี้
3
ปิดได้
฿4,500
ยอดวันนี้
คิวงานวันนี้ ทั้งหมด
คุณสมศรี ใจดี
ด่วน 1 ชม.
คิว-0524-0003 · Serum 30ml Tier 1
คุณวันดี รักดี
Tier 2
คิว-0524-0002 · Cleanser · เหลือ 4 ชม.
คุณนภา สวยใส
Tier 1
คิว-0524-0001 · Cream 50ml · เหลือ 6 ชม.
ผลงานสัปดาห์นี้
โทร47/60
ปิด11/20
ยอด฿32,400
คิว
ผลงาน
เวลา
ลา
ฉัน

หัวหน้าทีม · Lead

2-3 คน · คุม 1 ทีม · อนุมัติลูกค้าห้ามโทร

9:41● ● ● ●
ทีม A กำลังขึ้นรอบ
คุณเอ๋ · หัวหน้าทีม A
LEAD · EMP-0004
87
โทรวันนี้
12
ปิด
฿28,500
ยอดรวม
ทีมของฉัน (6 คน)
นิดา฿9,500
ปาน฿7,800
มิว฿5,400
ฟ้า฿3,200
บีม฿2,100
รออนุมัติลูกค้าห้ามโทร 2 รายการ
คุณดารา ก.
รออนุมัติ
เหตุ: ลูกค้าด่ารัวๆ · โดย นิดา · 14:23
คิวพรุ่งนี้ (Tier 2 · เบอร์ใหม่)
จัดคิวแล้ว 28/30 · เหลือว่าง 2 คิว
ทีม
อนุมัติ
คิวพรุ่งนี้
ตรวจสอบ
ฉัน

ผู้จัดการ · Manager

2-3 คน · คุมหลายทีม · อนุมัติพนักงาน

9:41● ● ● ●
ภาพรวม 3 ทีม · วันนี้
คุณพี่หนุ่ม · Manager
MANAGER · EMP-0002
215
โทรรวม
31
ปิด
฿78,200
ยอดรวม
เปรียบเทียบทีม
ทีม A฿28,500
ทีม B฿20,800
ทีม C฿28,900
ผู้รออนุมัติ 3 ราย
คุณฝน ส.
รออนุมัติ
PEND-0017 · สมัครเป็น staff ทีม B · 08:14
คุณตี้ ม.
รออนุมัติ
PEND-0018 · staff ทีม A · 09:02
การลาวันนี้
ลาวันนี้ 2 คน (มิว · บีม) · ขอลาพรุ่งนี้ 1 คน
รวม
ทีม
อนุมัติ
รายงาน
ฉัน

เจ้าของระบบ · Owner

1-2 คน · สิทธิ์สูงสุด · config + SKU + import

9:41● ● ● ●
ภาพรวมระบบ · เดือนนี้
พี่ปุ้ย · Owner
OWNER · EMP-0001
฿1.2M
รายได้
23
พนักงาน
12
SKU
เมนูจัดการ
นำเข้าออเดอร์
สินค้า
ตั้งค่า
พนักงาน
ประวัติ
รายงาน
รายได้ 7 วัน
จ฿42,000
อ฿51,000
พ฿58,000
พฤ฿63,000
ศ฿72,000
ส฿54,000
อา฿48,000
Session import ล่าสุด
SESS-0524-A
สำเร็จ
312 orders · 287 customers · 09:14 · rollback ภายใน 24 ชม.
หน้าหลัก
รายงาน
ตั้งค่า
ประวัติ
ฉัน
หน้าภาพรวมระบบ · เจ้าของกิจการ มุมมองหลังบ้าน · เมนูข้างซ้าย + เนื้อหากลาง · ดูรายได้ ทีมขาย ขั้นตอนปิดการขาย และกิจกรรมล่าสุด
tiktok-crm-edge.pages.dev/owner/dashboard

ภาพรวมระบบ

ข้อมูลล่าสุด · เดือน พ.ค. 2026
รายได้เดือนนี้
฿1,242,500
+18.2% จากเดือนก่อน
อัตราปิดการขาย
14.2%
เพิ่มขึ้น 2.1%
คิวค้างยังไม่โทร
27
ลดลง 8 ราย (ดีขึ้น)
พนักงานที่ใช้งาน
23
เพิ่ม 1 คนสัปดาห์นี้

รายได้รายวัน 14 วันล่าสุด · บาท

11
12
13
14
15
16
17
18
19
20
21
22
23
24

ขั้นตอนการปิดการขาย สัปดาห์นี้

คิวที่แจกออกไป
487
โทรติดลูกค้า
350 · 72%
ปิดการขายได้
156 · 32%
ค่าเฉลี่ยต่อบิล฿1,840
ลูกค้าซื้อซ้ำ38.4%

พนักงานขายดีเดือนนี้ เรียงตามยอดขาย

1
นิดา จันทรา
ทีม A · ปิดได้ 47 ราย · อัตราปิด 16.2%
฿185,400
2
ปาน ตะวัน
ทีม A · ปิดได้ 41 ราย · อัตราปิด 14.8%
฿162,200
3
มิว สิริ
ทีม C · ปิดได้ 38 ราย · อัตราปิด 13.1%
฿148,900
4
ฟ้า ลัดดา
ทีม B · ปิดได้ 32 ราย · อัตราปิด 12.4%
฿128,600
5
บีม อนันต์
ทีม C · ปิดได้ 28 ราย · อัตราปิด 11.2%
฿104,300

กิจกรรมล่าสุด บันทึกทุก action

นำเข้าออเดอร์จากไฟล์ SESS-0524-A · 312 ออเดอร์ · ลูกค้าใหม่ 287 คน
8 นาทีก่อน · โดยพี่ปุ้ย
อนุมัติพนักงานใหม่ คุณฝน ส. เข้าทีม B
22 นาทีก่อน · โดยพี่หนุ่ม
ระบบแจกคิว คิว-0524-0098 ให้คนใหม่ (เลยกำหนดโทร 6 ชม.)
1 ชม.ก่อน · ระบบอัตโนมัติ
เปลี่ยนค่าเวลาที่ต้องโทรภายในจาก 48 ชม. เป็น 36 ชม.
2 ชม.ก่อน · โดยพี่ปุ้ย
หน้าแจกคิวโทร · ผู้จัดการ ระบบแจกคิวให้พนักงานอัตโนมัติทุกเช้า 06:00 + แจกใหม่เองได้ · Tier 1 = ลูกค้าเดิม · Tier 2 = เบอร์ใหม่หมุนเวียน · คิวต้องแจกใหม่ (เลยกำหนด/ลา/ระงับ)
tiktok-crm-edge.pages.dev/owner/allocation

การแจกคิวโทร

24 พ.ค. 2026 · ระบบแจกคิวรอบเช้าเสร็จเมื่อ 06:00 · ตอนนี้ 09:14
แจกแล้ว 168/180 ยังไม่ได้แจก 12 รอ เลยกำหนดโทร 3 ด่วน คิวเดินถึงพนักงาน EMP-0009 ลาวันนี้ 2 คน

Tier 1 · ลูกค้าเดิม 94 ราย

นิดา จันทรา18
ลูกค้าครบรอบโทรซ้ำ · ทีม A
ปาน ตะวัน14
ลูกค้าครบรอบโทรซ้ำ · ทีม A
มิว สิริ12
ลูกค้าครบรอบโทรซ้ำ · ทีม C
ฟ้า ลัดดา11
ลูกค้าครบรอบ · ทีม B · ลาวันนี้
บีม อนันต์9
ลูกค้าครบรอบโทรซ้ำ · ทีม C
ตี้ เมธี7
ลูกค้าครบรอบโทรซ้ำ · ทีม A

Tier 2 · เบอร์ใหม่ (โควต้า) 74 / 90

นิดา12/15
สินค้า: เซรั่ม, คลีนเซอร์
ปาน15/15
สินค้า: ครีม, เซรั่ม · โควต้าเต็มแล้ว
มิว11/15
สินค้า: คลีนเซอร์, โทนเนอร์
บีม9/15
สินค้า: ครีม
ตี้5/15
สินค้า: เซรั่ม · ต่ำกว่าเป้า
ฟ้า0/15
ลาวันนี้ — คืนคิวให้คนอื่น

คิวต้องแจกใหม่ 12 รายการ

คิว-0523-0142 เลยกำหนด
เลยกำหนด 6 ชม. · เดิมของฟ้า → แจกให้คนอื่น
คิว-0523-0118 เลยกำหนด
เลยกำหนด 4 ชม. · เดิมของตี้ → แจกให้คนอื่น
คิว-0524-0021 ลา
ฟ้าลาวันนี้ · ต้องแจกใหม่
คิว-0524-0044 ลา
ฟ้าลาวันนี้ · ต้องแจกใหม่
คิว-0522-0089 ถูกระงับ
พนักงานถูกระงับ · ต้องแจกใหม่
คิว-0524-0073 ไม่ขยับ
พนักงานไม่เคลื่อนไหว 24 ชม.
HumanAI Design System ที่ใช้ใน mockup นี้:
· §0 Brand Block: สลับ palette ที่ body[data-brand] → เปลี่ยนแค่ 5 ค่า (primary / cta / brand / accent / gradient) — ที่เหลือ reuse ทุก product
· §1 ปรัชญา: minimal · flat · 1 cta/หน้า · gradient เฉพาะ .appbar (signature) · ไม่มี emoji ใน UI (lucide ทั้งหมด) · ไม่มี native dialog
· §2 Foundation: Poppins (display/ตัวเลข) + Prompt (body) · radius card 12 / btn 8 / pill ∞ · shadow-sm · 8px grid · ตัวเลข tabular-nums
· §3 Components: StatCard strip · Card · Pill (6 variants) · Banner (warn/info) · BarRow chart · TabBar 5 ปุ่ม
· §5 Navigation: Bottom Tab Bar 5 แท็บ (LIFF mobile) · active = cta color

โครงเมนูแต่ละ role (LIFF mobile):
· Staff: คิว → ผลงาน → เวลา → ลา → ฉัน
· Lead: ทีม → อนุมัติ → Slot Tier 2 → Audit copy → ฉัน
· Manager: รวม → ทีม → อนุมัติ user → รายงาน → ฉัน
· Owner: หลัก → Report → Config → Audit → ฉัน

Desktop sections (Admin · §5 Sidebar nav):
· Dashboard: 4 StatCards (รายได้/conv/ค้าง/active) → BarChart 14 วัน + Funnel → Top Performers + Activity feed
· การจัดสรร Lead: Status pills (จัดสรร/รอ/SLA/RR pointer/ลา) → 3 col grid: Tier 1 inherit · Tier 2 RR quota · Reassign queue (SLA/ลา/ban) · ปุ่ม cta "จัดสรรอัตโนมัติ" (1 cta/หน้า)