1. Requirement & Sitemap
สรุปเป้าหมาย ผู้ใช้ จำนวนหน้า ฟังก์ชัน และข้อมูลที่ต้องเชื่อม เพื่อหยุดการเปลี่ยน Scope กลางทางโดยไม่รู้ผลกระทบ
คำถามเรื่องระยะเวลาตอบด้วยจำนวนวันเดียวไม่ได้ เพราะเว็บไซต์ 1 หน้าและเว็บบริษัทหลายบริการที่มี CMS/Integration เป็นคนละขนาดงาน สิ่งที่ควรดูคือ Phase ไหนต้องรออะไร และอะไรเป็น Critical Path ของโปรเจกต์
สรุปเป้าหมาย ผู้ใช้ จำนวนหน้า ฟังก์ชัน และข้อมูลที่ต้องเชื่อม เพื่อหยุดการเปลี่ยน Scope กลางทางโดยไม่รู้ผลกระทบ
กำหนดสารหลักของแต่ละหน้า ลำดับข้อมูล CTA และ Content ที่ยังขาด ก่อนลงรายละเอียด Design
ออกแบบ Visual ตาม Brand และ Responsive State พร้อมรอบ Feedback ที่กำหนดชัดเจน
พัฒนา Front-end, CMS, Form, Tracking และ Integration ตาม Scope แล้วทดสอบกรณีหลักและกรณีผิดพลาด
ตรวจมือถือ/เดสก์ท็อป Link, Form, Metadata, Analytics, DNS, SSL และแผน Rollback ก่อนเปลี่ยน Production
สาเหตุที่พบได้บ่อยคือ Content ยังไม่พร้อม, รูปไม่มีสิทธิ์ใช้, Feedback หลายคนขัดกัน, ผู้อนุมัติไม่ว่าง, เพิ่มหน้า/ฟีเจอร์ระหว่างทาง และ Integration ปลายทางยังไม่มี API หรือ Sandbox ที่พร้อมทดสอบ หากแยกสิ่งเหล่านี้ออกตั้งแต่ Requirement จะประเมิน Timeline ได้ใกล้เคียงความจริงมากขึ้น
Metadata แก้ภายหลังได้ แต่โครง URL, Data Model, Permission และ Workflow หลักมีต้นทุนการเปลี่ยนสูงกว่า หากเว็บมีระบบเฉพาะควรให้เวลากับสิ่งเหล่านี้ก่อน Animation หรือรายละเอียดตกแต่งที่ไม่กระทบ Conversion
ทำได้เฉพาะ Scope ที่เล็กและข้อมูลพร้อมมาก เช่น Template/One Page แต่ไม่ควรใช้ระยะเวลานี้เป็นมาตรฐานกับเว็บหลายหน้า CMS หรือ Integration
ควรสรุปเป้าหมาย Sitemap, Content หลัก และ Conversion Flow ก่อน เพื่อให้ Design แก้ปัญหาที่ถูกต้อง
ได้ แต่ควรประเมิน Change Request แยก เพราะฟีเจอร์ใหม่อาจกระทบ Data, UI, Testing และวันส่งมอบ
Timeline เป็นผลจากขอบเขต + Dependency + รอบตัดสินใจ หาก Scope เปลี่ยน Dependency ภายนอกช้า หรือผู้อนุมัติเลื่อนวันตอบ เวลาก็เปลี่ยนตาม แม้ทีมพัฒนาจะทำงานเร็วเท่าเดิม ตัวอย่างเช่น หน้า Contact หนึ่งหน้าอาจทำเสร็จในไม่กี่ชั่วโมง แต่ถ้าต้องรอฝ่ายกฎหมายยืนยัน Consent Text หรือรอผู้ให้บริการ Email อนุมัติ Domain อาจเปิดใช้งานจริงไม่ได้ในวันเดียวกัน
เพราะฉะนั้น Timeline ที่น่าเชื่อถือควรบอก Assumption ด้วย เช่น “เริ่มออกแบบเมื่อได้รับ Content หลักครบ” หรือ “ระยะพัฒนานี้ไม่รวมเวลารอ Account Approval จากผู้ให้บริการภายนอก” ประโยคเหล่านี้ไม่ได้มีไว้กันความรับผิดชอบ แต่ช่วยให้ทุกฝ่ายรู้ว่าอะไรอยู่ในการควบคุมของทีมและอะไรเป็น Dependency ที่ต้องช่วยกันจัดการ
งาน Design และ Development มีลำดับต่อกัน ถ้า Homepage ยังไม่อนุมัติ Component หลัก หน้าอื่นอาจยังเริ่มไม่ได้เต็มที่ หรือถ้า API Contract ยังไม่จบ Front-end บางส่วนต้อง Mock ข้อมูลไว้ก่อน พอของจริงมาไม่ตรงก็มีงานแก้เพิ่ม ดังนั้นการรอหนึ่งจุดอาจทำให้ทีมส่วนถัดไปเสียจังหวะ ไม่ได้เลื่อนแบบหนึ่งต่อหนึ่งเสมอ
วิธีลดปัญหานี้คือกำหนดสิ่งที่สามารถทำ Parallel ได้ เช่น ทีม Content เตรียม Case Study ขณะที่ทีม UI ทำ Design System หรือทีม Backend ทำ API ที่ตกลง Contract แล้วก่อนหน้าอื่น การวางงานแบบนี้ช่วยให้โปรเจกต์เดินต่อได้แม้บาง Dependency ยังไม่พร้อม แต่ต้องมีคนมองภาพรวมและรู้ว่างานใดเสี่ยงต้องทำซ้ำถ้ารีบเริ่มเกินไป
การทำหน้าให้ “เห็นเหมือนเสร็จ” กับการเปิด Production อย่างมั่นใจเป็นคนละขั้นตอน ช่วงท้ายมีงานที่ผู้ใช้ไม่ค่อยเห็น เช่น Redirect, Metadata, Consent, Error State, Form Validation, Responsive Edge Case, Favicon, Sitemap, Analytics Event, Cache, SSL และ Backup หากตัดเวลา QA ออกทั้งหมด เว็บอาจเปิดได้เร็วขึ้นหนึ่งวันแต่ต้องใช้หลายวันถัดมาไล่แก้ปัญหาทีละจุด
สำหรับเว็บที่แทนระบบเดิมอยู่แล้ว ควรมี Cutover Plan ว่าวันเปลี่ยนจริงทำอะไรบ้าง ใครตรวจหลัง Deploy และถ้ามีปัญหาจะกลับระบบเดิมอย่างไร การเตรียมเรื่องนี้ช่วยลดความกดดันในวัน Launch และทำให้การตัดสินใจ Rollback เป็นขั้นตอนที่ตกลงไว้ ไม่ใช่การตัดสินใจสดตอนระบบมีปัญหา