# User Flows & Operational Workflows — Kittisak.com

> **Tenant scope:** These journeys reflect Kittisak.com configuration and operating policy. They are not mandatory for every DBK Platform tenant.

เอกสารแสดงขั้นตอนการทำงานและเส้นทางประสบการณ์ผู้ใช้ (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) กำหนดวันหมดอายุและเงื่อนไขขั้นต่ำ