Files
Kunthawat Greethong a29b7af4b8 feat: update website-creator to Plan-First + Creative Design workflow
- Add Phase 1: Context Gathering with creative brief questions
- Add Phase 2: Creative Design (mandatory - multiple directions)
- Add Phase 3: Master Plan before execution
- Add APPROVAL GATE - wait for user approve before executing
- Update questions.md with emotional/target audience questions
- Remove Astro DB references from welcome.mdx and index.astro
- Focus on unique design, not generic templates
2026-04-22 09:31:54 +07:00

6.7 KiB

Pre-Project Questions

Creative Brief Questions

ใช้เป็นแนวทางถามคำถามลูกค้าก่อนเริ่มสร้างเว็บไซต์ เน้นว่า "ทำไม" ไม่ใช่แค่ "ทำอะไร"


1. ข้อมูลพื้นฐาน

1.1 ชื่อเว็บไซต์/บริษัท

  • ชื่อที่จะแสดงบนเว็บ
  • ชื่อในเอกสาร (ถ้าต่างจากชื่อบนเว็บ)

1.2 ทำอะไร?

  • ขายสินค้าอะไร?
  • ให้บริการอะไร?
  • มี unique selling point อะไร?

2. ทำไมต่างจากคนอื่น?

2.1 ทำไมลูกค้าควรเลือกคุณ ไม่ใช่คู่แข่ง?

  • คู่แข่งของคุณคือใครบ้าง?
  • คุณต่างจากเขาอย่างไร?

2.2 มี brand story หรือ origin story อะไรที่น่าสนใจไหม?

  • ทำไมถึงเริ่มทำสิ่งนี้?
  • มีจุดเริ่มต้นที่น่าสนใจไหม?

2.3 มี values หรือ beliefs อะไรที่คุณยึดถือไหม?

  • สิ่งที่คุณทำ/ไม่ทำเพราะอะไร?

3. กลุ่มเป้าหมาย + Emotions

3.1 กลุ่มลูกค้าเป้าหมาย

  • อายุ, เพศ, อาชีพ
  • Pain points หลักของพวกเขาคืออะไร?
  • พวกเขากำลัง looking for อะไรอยู่?

3.2 ต้องการให้คนเข้าเว็บแล้ว "รู้สึก" อย่างไร?

  • มั่นใจ / เชื่อถือได้
  • สบายใจ / ไม่กังวล
  • ตื่นเต้น / กระตือรือร้น
  • ประทับใจ / หรูหรา
  • เข้าใจง่าย / ชัดเจน
  • ทันสมัย / นำหน้า
  • อื่นๆ: ____________

3.3 มีภาพที่ไม่อยากให้เว็บสื่อสารไหม?

  • เช่น: ธรรมดาเกินไป, ดูถูกเบา, เก่าจัง, ตลก, ไม่น่าเชื่อถือ

4. Design Context

4.1 มี brand guidelines/logo files ไหม?

  • ถ้ามี: แชร์มาได้เลย
  • Logo files (SVG, PNG, AI)
  • สีที่ใช้ (hex codes)
  • Typography ที่ใช้

4.2 มี reference sites ที่ชอบ/ไม่ชอบบ้างไหม?

  • ชอบ: URL + บอกว่าชอบอะไรจากเว็บนั้น
  • ไม่ชอบ: URL + บอกว่าไม่ชอบอะไร

4.3 มีสีที่ห้ามใช้/ต้องใช้ไหม?

  • สีที่ต้องใช้ (ถ้ามี brand colors)
  • สีที่ไม่ชอบ/ห้ามใช้

4.4 ชอบ Dark Mode, Light Mode หรือทั้งสอง?

  • Light mode อย่างเดียว
  • Dark mode อย่างเดียว
  • ทั้งสอง (user เลือกได้)

5. หน้าที่ต้องการ

5.1 ต้องการหน้าอะไรบ้าง?

  • Home
  • About Us / บริษัทของเรา
  • Services / บริการ
  • Products / สินค้า
  • Portfolio / ผลงาน
  • Blog / ข่าวสาร
  • Contact / ติดต่อ
  • FAQ / คำถามที่พบบ่อย
  • Careers / ร่วมงานกับเรา
  • Other: ____________

5.2 มีฟอร์มที่ต้องการไหม?

  • Contact Form
  • Quote Request Form
  • Newsletter Signup
  • Booking Form
  • Registration Form
  • Other: ____________

6. Technical Requirements

6.1 มี SMTP/Email server ไหม?

  • สำหรับส่ง email จากเว็บ
  • เช่น contact form, newsletter

6.2 มี Tracking tools ต้องติดตั้งไหม?

  • Google Analytics 4 (GA4)
  • Facebook Pixel
  • Google Ads Conversion
  • TikTok Pixel
  • LINE Channel Tag
  • Umami / Plausible
  • Microsoft Clarity
  • Other: ____________

6.3 มี Third-party integrations ไหม?

  • Payment gateways
  • CRM systems
  • Other APIs

7. PDPA Compliance

7.1 มี DPO (Data Protection Officer) หรือยัง?

  • ถ้ายัง: ต้องการให้ช่วยจัดหาไหม?

7.2 เว็บจะเก็บข้อมูลอะไรบ้าง?

  • ข้อมูลลูกค้า
  • ข้อมูลการสั่งซื้อ
  • Newsletter subscribers
  • Other: ____________

7.3 ConsentOS Integration

  • ใช้ ConsentOS สำหรับ cookie consent (บังคับ PDPA)

8. เว็บไซต์เดิม (ถ้ามี)

8.1 มีเว็บอยู่แล้วหรือยัง?

  • ถ้ามี: URL ของเว็บเก่า
  • ถ้ามี: ทำไมอยากเปลี่ยน?
  • ถ้ามี: มี source code ไหม?

8.2 มี domain และ hosting แล้วหรือยัง?

  • ถ้ามี: provider อะไร?
  • ถ้ามี: domain ชื่ออะไร?

Checklist สำหรับ Website Creator

เมื่อถามครบแล้ว ต้องได้:

  • ชื่อเว็บ/บริษัท
  • ธุรกิจทำอะไร + ทำไมต่าง
  • Target emotion ที่ต้องการ
  • Design references (ชอบ/ไม่ชอบ)
  • Brand assets (logo, colors) ถ้ามี
  • Sitemap (หน้าที่ต้องการ)
  • Tracking tools ที่ต้องติดตั้ง
  • PDPA requirements

หลังได้ Context แล้ว

  1. สร้าง Creative Brief (ฉบับย่อ)
  2. สร้าง 2-3 Creative Directions ที่ต่างกันจริงๆ
  3. นำเสนอ + รอ user เลือก
  4. สร้าง Master Plan รวมทั้งหมด
  5. ⏸️ รอ APPROVE ก่อนทำงาน