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
This commit is contained in:
@@ -1,8 +1,9 @@
|
||||
# Pre-Project Questions
|
||||
|
||||
## คำถามก่อนเริ่มโปรเจค
|
||||
## Creative Brief Questions
|
||||
|
||||
ใช้เป็นแนวทางถามคำถามลูกค้าก่อนเริ่มสร้างเว็บไซต์
|
||||
เน้นว่า "ทำไม" ไม่ใช่แค่ "ทำอะไร"
|
||||
|
||||
---
|
||||
|
||||
@@ -19,57 +20,63 @@
|
||||
|
||||
---
|
||||
|
||||
## 2. กลุ่มเป้าหมาย
|
||||
## 2. ทำไมต่างจากคนอื่น?
|
||||
|
||||
2.1 **กลุ่มลูกค้าเป้าหมาย**
|
||||
2.1 **ทำไมลูกค้าควรเลือกคุณ ไม่ใช่คู่แข่ง?**
|
||||
- คู่แข่งของคุณคือใครบ้าง?
|
||||
- คุณต่างจากเขาอย่างไร?
|
||||
|
||||
2.2 **มี brand story หรือ origin story อะไรที่น่าสนใจไหม?**
|
||||
- ทำไมถึงเริ่มทำสิ่งนี้?
|
||||
- มีจุดเริ่มต้นที่น่าสนใจไหม?
|
||||
|
||||
2.3 **มี values หรือ beliefs อะไรที่คุณยึดถือไหม?**
|
||||
- สิ่งที่คุณทำ/ไม่ทำเพราะอะไร?
|
||||
|
||||
---
|
||||
|
||||
## 3. กลุ่มเป้าหมาย + Emotions
|
||||
|
||||
3.1 **กลุ่มลูกค้าเป้าหมาย**
|
||||
- อายุ, เพศ, อาชีพ
|
||||
- พฤติกรรมการใช้ internet
|
||||
- ปัญหาที่ต้องการแก้ไข
|
||||
- Pain points หลักของพวกเขาคืออะไร?
|
||||
- พวกเขากำลัง looking for อะไรอยู่?
|
||||
|
||||
2.2 **ต้องการเข้าถึงตลาดไหน?**
|
||||
- ภายในประเทศ (ไทย)
|
||||
- ต่างประเทศ
|
||||
- ทั้งในและต่างประเทศ
|
||||
3.2 **ต้องการให้คนเข้าเว็บแล้ว "รู้สึก" อย่างไร?**
|
||||
- [ ] มั่นใจ / เชื่อถือได้
|
||||
- [ ] สบายใจ / ไม่กังวล
|
||||
- [ ] ตื่นเต้น / กระตือรือร้น
|
||||
- [ ] ประทับใจ / หรูหรา
|
||||
- [ ] เข้าใจง่าย / ชัดเจน
|
||||
- [ ] ทันสมัย / นำหน้า
|
||||
- [ ] อื่นๆ: ____________
|
||||
|
||||
3.3 **มีภาพที่ไม่อยากให้เว็บสื่อสารไหม?**
|
||||
- เช่น: ธรรมดาเกินไป, ดูถูกเบา, เก่าจัง, ตลก, ไม่น่าเชื่อถือ
|
||||
|
||||
---
|
||||
|
||||
## 3. เว็บไซต์เดิม
|
||||
## 4. Design Context
|
||||
|
||||
3.1 **มีเว็บอยู่แล้วหรือยัง?**
|
||||
- ถ้ามี: URL ของเว็บเก่า
|
||||
- ถ้ามี: ทำไมอยากเปลี่ยน?
|
||||
- ถ้ามี: มี source code ไหม?
|
||||
4.1 **มี brand guidelines/logo files ไหม?**
|
||||
- ถ้ามี: แชร์มาได้เลย
|
||||
- Logo files (SVG, PNG, AI)
|
||||
- สีที่ใช้ (hex codes)
|
||||
- Typography ที่ใช้
|
||||
|
||||
3.2 **มี domain และ hosting แล้วหรือยัง?**
|
||||
- ถ้ามี: provider อะไร?
|
||||
- ถ้ามี: domain ชื่ออะไร?
|
||||
4.2 **มี reference sites ที่ชอบ/ไม่ชอบบ้างไหม?**
|
||||
- ชอบ: URL + บอกว่าชอบอะไรจากเว็บนั้น
|
||||
- ไม่ชอบ: URL + บอกว่าไม่ชอบอะไร
|
||||
|
||||
---
|
||||
4.3 **มีสีที่ห้ามใช้/ต้องใช้ไหม?**
|
||||
- สีที่ต้องใช้ (ถ้ามี brand colors)
|
||||
- สีที่ไม่ชอบ/ห้ามใช้
|
||||
|
||||
## 4. ดีไซน์และ Branding
|
||||
|
||||
4.1 **มี brand guidelines ไหม?**
|
||||
- Logo files
|
||||
- สีที่ใช้ (color palette)
|
||||
- Typography
|
||||
- ภาพประกอบที่มี
|
||||
|
||||
4.2 **ชอบดีไซน์แบบไหน?**
|
||||
- Minimal / Clean
|
||||
- Bold / Eye-catching
|
||||
- Creative / Artistic
|
||||
- Corporate / Professional
|
||||
- Modern / Futuristic
|
||||
|
||||
4.3 **ชอบ Dark Mode, Light Mode หรือทั้งสอง?**
|
||||
4.4 **ชอบ Dark Mode, Light Mode หรือทั้งสอง?**
|
||||
- Light mode อย่างเดียว
|
||||
- Dark mode อย่างเดียว
|
||||
- ทั้งสอง (user เลือกได้)
|
||||
|
||||
4.4 **มีเว็บที่ชอบเป็น reference ไหม?**
|
||||
- URL(s) ของเว็บที่ชอบ
|
||||
- ชอบอะไรจากเว็บนั้น?
|
||||
|
||||
---
|
||||
|
||||
## 5. หน้าที่ต้องการ
|
||||
@@ -96,82 +103,77 @@
|
||||
|
||||
---
|
||||
|
||||
## 6. ฟังก์ชันพิเศษ
|
||||
## 6. Technical Requirements
|
||||
|
||||
6.1 **ต้องการระบบจัดการเนื้อหา (CMS) ไหม?**
|
||||
- ใช้เพื่ออะไร?
|
||||
- ใครจะเป็นคนใช้?
|
||||
- ต้องการให้แอดมินทำอะไรได้บ้าง?
|
||||
|
||||
6.2 **ต้องการระบบ E-commerce ไหม?**
|
||||
- มีสินค้ากี่ชิ้น?
|
||||
- ต้องการ payment gateway อะไร?
|
||||
- ต้องการ shipping integration ไหม?
|
||||
|
||||
6.3 **ต้องการระบบสมาชิก/ล็อกอินไหม?**
|
||||
- สมาชิกทำอะไรได้บ้าง?
|
||||
- มีกี่ role? (admin, member, etc.)
|
||||
|
||||
---
|
||||
|
||||
## 7. Technical Requirements
|
||||
|
||||
7.1 **มี SMTP/Email server ไหม?**
|
||||
6.1 **มี SMTP/Email server ไหม?**
|
||||
- สำหรับส่ง email จากเว็บ
|
||||
- เช่น contact form, newsletter
|
||||
|
||||
7.2 **มี Google Analytics หรือ Marketing tools ไหม?**
|
||||
- GA4 Tracking ID
|
||||
6.2 **มี Tracking tools ต้องติดตั้งไหม?**
|
||||
- Google Analytics 4 (GA4)
|
||||
- Facebook Pixel
|
||||
- Other tracking codes
|
||||
- Google Ads Conversion
|
||||
- TikTok Pixel
|
||||
- LINE Channel Tag
|
||||
- Umami / Plausible
|
||||
- Microsoft Clarity
|
||||
- Other: ____________
|
||||
|
||||
7.3 **มี Third-party integrations ไหม?**
|
||||
6.3 **มี Third-party integrations ไหม?**
|
||||
- Payment gateways
|
||||
- CRM systems
|
||||
- Other APIs
|
||||
|
||||
---
|
||||
|
||||
## 8. PDPA Compliance
|
||||
## 7. PDPA Compliance
|
||||
|
||||
8.1 **มี DPO (Data Protection Officer) หรือยัง?**
|
||||
7.1 **มี DPO (Data Protection Officer) หรือยัง?**
|
||||
- ถ้ายัง: ต้องการให้ช่วยจัดหาไหม?
|
||||
|
||||
8.2 **เว็บจะเก็บข้อมูลอะไรบ้าง?**
|
||||
7.2 **เว็บจะเก็บข้อมูลอะไรบ้าง?**
|
||||
- ข้อมูลลูกค้า
|
||||
- ข้อมูลการสั่งซื้อ
|
||||
- Newsletter subscribers
|
||||
- Other: ____________
|
||||
|
||||
8.3 **ต้องการ Cookie Consent Popup ไหม?**
|
||||
- ใช้ cookies อะไรบ้าง?
|
||||
- ต้องการให้ users มีทางเลือกไหม?
|
||||
7.3 **ConsentOS Integration**
|
||||
- ใช้ ConsentOS สำหรับ cookie consent (บังคับ PDPA)
|
||||
|
||||
---
|
||||
|
||||
## 9. งบประมาณและ Timeline
|
||||
## 8. เว็บไซต์เดิม (ถ้ามี)
|
||||
|
||||
9.1 **งบประมาณ**
|
||||
- ต้องการทำเท่าไหร่?
|
||||
- มีงบแบบไหน? (fixed/negotiable)
|
||||
8.1 **มีเว็บอยู่แล้วหรือยัง?**
|
||||
- ถ้ามี: URL ของเว็บเก่า
|
||||
- ถ้ามี: ทำไมอยากเปลี่ยน?
|
||||
- ถ้ามี: มี source code ไหม?
|
||||
|
||||
9.2 **ต้องการให้เสร็จเมื่อไหร่?**
|
||||
- มี deadline ไหม?
|
||||
- มีเหตุการณ์พิเศษที่ต้องเสร็จก่อนไหม?
|
||||
8.2 **มี domain และ hosting แล้วหรือยัง?**
|
||||
- ถ้ามี: provider อะไร?
|
||||
- ถ้ามี: domain ชื่ออะไร?
|
||||
|
||||
---
|
||||
|
||||
## Checklist สำหรับ Website Creator
|
||||
|
||||
เมื่อถามครบแล้ว ให้ตรวจสอบ:
|
||||
เมื่อถามครบแล้ว ต้องได้:
|
||||
|
||||
- [ ] ชื่อเว็บ/บริษัท
|
||||
- [ ] ธุรกิจทำอะไร
|
||||
- [ ] กลุ่มเป้าหมาย
|
||||
- [ ] เว็บเก่า (ถ้ามี)
|
||||
- [ ] Style ที่ต้องการ
|
||||
- [ ] หน้าที่ต้องการ
|
||||
- [ ] CMS ต้องการไหม
|
||||
- [ ] Email/SMTP
|
||||
- [ ] PDPA/DPO
|
||||
- [ ] งบและ timeline
|
||||
- [ ] ธุรกิจทำอะไร + ทำไมต่าง
|
||||
- [ ] 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** ก่อนทำงาน
|
||||
|
||||
Reference in New Issue
Block a user