Workflow หลักของคอร์ส
Workflow นี้คือเส้นทางจากไอเดียที่ยังเป็นภาพในหัว ไปสู่เว็บไซต์ที่เปิดใช้งานจริงได้ แต่ละขั้นมีหน้าที่ของตัวเองและไม่ควรข้ามเร็วเกินไป
Idea
Project Brief
Sitemap / Section / User Flow
UX/UI Direction
HTML Preview
Next.js Project
GitHub
Deploy with Vercel
Tracking
Portfolio / Real Use
- Idea
- ไอเดียตั้งต้นของเว็บไซต์ เช่น เว็บขายบริการ Portfolio หรือเว็บธุรกิจ
- Project Brief
- เอกสารสรุปโจทย์ เป้าหมาย กลุ่มเป้าหมาย จุดขาย และ CTA
- HTML Preview
- หน้าเว็บตัวอย่างที่ใช้ดูทิศทาง Design และ Copy ก่อนขึ้นโปรเจกต์จริง
- Next.js Project
- โปรเจกต์เว็บจริงที่แยกไฟล์ แยก Component และพร้อม Deploy
- Tracking
- การวางแผนวัดผลว่าเว็บทำให้ผู้ใช้กดหรือส่งข้อมูลตามเป้าหมายหรือไม่
อย่าข้ามขั้น Brief
ถ้าข้ามจาก Idea ไปสั่ง AI เขียนโค้ดทันที คุณมักจะได้เว็บที่ดูเหมือนเสร็จ แต่แก้ยากและไม่ตอบโจทย์ธุรกิจหรือ Portfolio ของคุณ