Kunthawat Greethong
a29b7af4b8
- 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
180 lines
6.7 KiB
Markdown
180 lines
6.7 KiB
Markdown
# 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** ก่อนทำงาน
|