จากแผนเฟส 1 สู่ของจริง — แปลงกลยุทธ์ทั้งหมดเป็น Design System + 10 จอ hi-fi ของ LogiFlow ที่ออกแบบมาเพื่อมือพนักงานคลังบน Tablet และผู้บริหารบน Desktop พร้อม prototype ที่คลิกเล่นได้ในหน้านี้จริง
ก่อนลงสี เรายืนยันว่ากำลังออกแบบให้ใคร — ทุกจอด้านล่างผูกกลับมาที่ 2 คนนี้
รากฐานที่ทำให้ 10 จอสม่ำเสมอและส่งต่อ dev ได้ — สี ฟอนต์ และคอมโพเนนต์ที่ใช้ซ้ำทั้งระบบ
ฝั่งผู้บริหารบน Desktop เน้นภาพรวม · ฝั่งคลังบน Tablet เน้นกดเร็ว–กันพลาด · ใช้ design system ชุดเดียวกัน
| ออเดอร์ | ลูกค้า | สถานะ |
|---|---|---|
| #LF-10482 | ครัวคุณอร | กำลังหยิบ |
| #LF-10481 | Shopee · ส้มโอ | รอจัด |
| #LF-10479 | Lazada · มินิ | ส่งแล้ว |
| ออเดอร์ | ลูกค้า | ช่องทาง | ยอด | สถานะ | |
|---|---|---|---|---|---|
| #LF-10482 | ครัวคุณอร | LINE | ฿1,240 | กำลังหยิบ | ดู |
| #LF-10481 | ส้มโอ คาเฟ่ | Shopee | ฿860 | รอจัด | จัดเลย |
| #LF-10480 | บ้านขนมป้า | Lazada | ฿2,150 | รอจัด | จัดเลย |
| #LF-10479 | มินิ มาร์ท | หน้าร้าน | ฿540 | ส่งแล้ว | ดู |
| #LF-10478 | Grab · ครัวกลาง | Grab | ฿3,420 | ส่งแล้ว | ดู |
| สินค้า | Bin | จำนวน |
|---|---|---|
| มะเขือเทศราชินี | A-12 | 5 กก |
| น้ำตาลทราย | C-03 | 10 ถุง |
| นมข้นจืด | B-21 | 12 กระป๋อง |
| SKU | สินค้า | Bin | คงเหลือ | สถานะ |
|---|---|---|---|---|
| TMT-001 | มะเขือเทศราชินี | A-12 | 240 กก | ปกติ |
| SGR-004 | น้ำตาลทราย | C-03 | 8 ถุง | ต่ำมาก |
| MLK-012 | นมข้นจืด | B-21 | 36 กระป๋อง | ใกล้หมด |
| EGG-008 | ไข่ไก่ เบอร์ 2 | D-05 | 120 แผง | ปกติ |
นี่คือ prototype หัวใจของงาน — กดผ่าน flow หยิบ→ยืนยัน→เสร็จ ได้จริงในหน้านี้ (ของจริงส่งมอบเป็นไฟล์ Figma กดเล่นได้)
3 จังหวะของพนักงานคลัง ออกแบบให้ กดน้อย พลาดยาก — แต่ละก้าวมีจุดกันพลาดคั่นก่อน commit
👉 แตะปุ่มในแท็บเล็ตเพื่อเดินผ่าน flow
ไม่ใช่แค่ภาพสวย — แนบ spec, token และ state ครบ ให้ทีม Dev ขึ้นโค้ดตรงตามดีไซน์
สี/ฟอนต์/ระยะ เป็นตัวแปร เช่น --lf-navy --lf-green radius/12 ส่งเป็น JSON/CSS variables
default · hover · pressed · disabled · loading · error — dev ไม่ต้องเดา behavior
ยึด grid 4/8px · density 2 ระดับ (Desktop / Tablet) ระบุชัดต่อ component
โน้ตพฤติกรรม (empty/loading/มากสุด) + เงื่อนไข แนบในไฟล์ Figma
4 วัน · แก้ 3 รอบ · ครบทุกอย่างที่สัญญาไว้ พร้อมให้ทีม Dev ของ LogiFlow ลงมือต่อ
สีจริง Tablet+Desktop
Picking flow กดเล่นได้
12+ component ใช้ซ้ำ
token · state · redline
จากโจทย์ → วิเคราะห์ (เฟส 1) → 10 จอ hi-fi + prototype + handoff (เฟส 2) ครบลูป ทุกการตัดสินใจผูกกลับ persona & KPI −30% — พร้อมเทสต์กับพนักงานคลังจริงและส่ง dev
เชิญ “คุณเอก” (และ ICE) ตรวจงานแบบจัดเต็มได้เลย — ติตรงไหน แก้ได้ 3 รอบ