55 lines
3.9 KiB
Markdown
55 lines
3.9 KiB
Markdown
# User Flows & Operational Workflows — Kittisak.com
|
|
|
|
เอกสารแสดงขั้นตอนการทำงานและเส้นทางประสบการณ์ผู้ใช้ (User Journeys) สำหรับ `kittisak.com`
|
|
|
|
---
|
|
|
|
## 1. Customer Shopping Flow (เส้นทางการสั่งซื้อของลูกค้า)
|
|
|
|
```mermaid
|
|
graph TD
|
|
A[ผู้ใช้งานเข้าเว็บ https://kittisak.com] --> B[ค้นหา/เลือกดูสินค้าตามหมวดหมู่หรือแบรนด์]
|
|
B --> C[หน้ารายละเอียดสินค้า Product Detail]
|
|
C --> D[เลือก Variant / ขนาด / สี / กลิ่น]
|
|
D --> E[เพิ่มสินค้าลงตะกร้า Add to Cart]
|
|
E --> F[หน้าตะกร้าสินค้า Cart & กรอกคูปองส่วนลด]
|
|
F --> G[หน้า Checkout กรอกที่อยู่จัดส่ง & ข้อมูลติดต่อ]
|
|
G --> H{เลือกวิธีการชำระเงิน}
|
|
H -->|PromptPay / Credit Card| I[ประมวลผลผ่าน Omise Gateway]
|
|
H -->|โอนเงิน / เก็บเงินปลายทาง| J[บันทึกคำสั่งซื้อรอชำระ]
|
|
I --> K[หน้า Order Success แสดง Order ID & Tracking Link]
|
|
J --> K
|
|
```
|
|
|
|
---
|
|
|
|
## 2. LINE LIFF & Member Flow (เส้นทางสมาชิกผ่าน LINE Official Account)
|
|
|
|
```mermaid
|
|
graph TD
|
|
L[เปิดลิงก์ผ่าน LINE OA หรือ Rich Menu] --> M[เข้าสู่ https://spa.kittisak.com ผ่าน LIFF]
|
|
M --> N[ดึงข้อมูลโปรไฟล์ LINE อัตโนมัติ LINE OAuth Profile]
|
|
N --> O[ผูกบัญชีลูกค้า Customer ในระบบ Database]
|
|
O --> P[รับคูปองต้อนรับ / สิทธิ์สะสมแต้มสมาชิก]
|
|
P --> Q[เลือกซื้อสินค้าและ Checkout แบบ Quick Buy]
|
|
Q --> R[รับการแจ้งเตือนสถานะคำสั่งซื้อผ่าน LINE Message]
|
|
```
|
|
|
|
---
|
|
|
|
## 3. Merchant & Store Operations (การทำงานของผู้ดูแลระบบหลังบ้าน)
|
|
|
|
ผู้ดูแลระบบเข้าใช้งานผ่าน **`https://admin.kittisak.com`**:
|
|
|
|
1. **การจัดการสินค้าและสต็อก (Product Management):**
|
|
- เพิ่ม/แก้ไข สินค้า, หมวดหมู่ (Categories), แบรนด์ (Brands), และ Matrix Variants
|
|
- กำหนดคุณสมบัติสินค้า (Product Attributes) และคำแปลหลายภาษา (Multilingual)
|
|
2. **การจัดการคำสั่งซื้อ (Order Management):**
|
|
- ตรวจสอบรายการสั่งซื้อใหม่ (Pending Orders)
|
|
- อัปเดตสถานะการชำระเงิน และกรอกเลข Tracking พัสดุ (Flash, Kerry, Thailand Post)
|
|
3. **การตกแต่งหน้าร้านผ่าน Headless CMS (Page Builder):**
|
|
- จัดลำดับ Hero Banner, Featured Products, Testimonials, และ Call-to-Action
|
|
- ปรับแต่งโทนสี Theme Colors และ Logo หน้าร้านได้ทันทีโดยไม่ต้องแก้โค้ด
|
|
4. **การตลาดและโปรโมชั่น (Marketing & Promotions):**
|
|
- สร้างโค้ดคูปองส่วนลด (Coupon Codes) กำหนดวันหมดอายุและเงื่อนไขขั้นต่ำ
|