1.4

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 ของคุณ