เขียน Brief ให้ Codex ทำ Landing Page ภาษาไทย: ตัวอย่างโจทย์และวิธีตรวจงาน

ระบุคนอ่าน สินค้าหรือบริการ เป้าหมายหลัก เนื้อหาจริง และข้อจำกัด ตัวอย่างร้านกาแฟสมมติในบทนี้ต้องการให้ลูกค้าดูเมนูแล้วทักสอบถาม จึงให้ปุ่มเมนูเด่นกว่าลิงก์อื่น การเลือกเป้าหมายนี้เป็นการออกแบบเพื่อสาธิต ยังไม่ได้วัดยอดขาย

โดย อ.กอร่า — Gorra Design | ทบทวน 29 ตุลาคม 2569

ภาพคอนเซ็ปต์และเดโมในบทนี้ใช้ประกอบการสอน แบรนด์และชิ้นงานตัวอย่างเป็นงานสมมติ

Brief ที่ดีต้องตอบอะไรบ้าง?

ระบุคนอ่าน สินค้าหรือบริการ เป้าหมายหลัก เนื้อหาจริง และข้อจำกัด ตัวอย่างร้านกาแฟสมมติในบทนี้ต้องการให้ลูกค้าดูเมนูแล้วทักสอบถาม จึงให้ปุ่มเมนูเด่นกว่าลิงก์อื่น การเลือกเป้าหมายนี้เป็นการออกแบบเพื่อสาธิต ยังไม่ได้วัดยอดขาย

แม่แบบ Prompt ที่เอาไปปรับได้

ช่วยสร้าง Landing Page ภาษาไทยให้ [ชื่อแบรนด์] สำหรับ [กลุ่มลูกค้า] เป้าหมายคือ [การกระทำหลัก] ใช้เนื้อหา [แนบ] สี [รหัสสี] และฟอนต์ที่รองรับไทย จัดส่วนหัว จุดเด่น ตัวอย่างงาน คำถาม และช่องทางติดต่อ ถ้าข้อมูลขาดให้ถามหรือเว้นเครื่องหมายไว้ ไม่แต่งรีวิว ราคา หรือสถิติ ก่อนสร้างให้สรุปโครงหน้า และหลังสร้างให้บอกส่วนที่ยังต้องทดสอบ

สั่งแก้ให้เห็นผลแทนคำว่าไม่สวย

ระบุตำแหน่ง ปัญหา และสิ่งที่จะเปลี่ยน เช่น ส่วนหัวบนมือถือมีข้อความแน่น ลดคำอธิบายเหลือสองบรรทัด เพิ่มพื้นที่รอบปุ่มเมนู และเก็บชื่อแบรนด์ไว้ขนาดเดิม จากนั้นตรวจว่าปุ่มยังเปิดปลายทางถูกต้อง การแก้ทีละประเด็นช่วยแยกได้ว่าอะไรทำให้ผลลัพธ์ดีขึ้น

ตรวจอะไรหลัง AI สร้างหน้าแรก?

เปิดทั้งจอใหญ่และมือถือ อ่านข้อความทั้งหมด กดทุกลิงก์ และทดลองฟอร์มด้วยข้อมูลที่ถูกและผิด ตรวจว่ามีข้อมูลติดต่อจริงและไม่มีข้อความตัวอย่างค้างอยู่ งานภาพเป็นเพียงส่วนหนึ่งของความพร้อมใช้งาน

คำถาม: ใช้ Brief เดียวกับทุกธุรกิจได้ไหม?

ใช้โครงคำถามร่วมกันได้ แต่ต้องเปลี่ยนกลุ่มลูกค้า เนื้อหา และการกระทำหลัก เช่น ร้านอาหารต้องการเมนู ส่วนช่างบริการอาจต้องการให้ส่งรูปปัญหา อย่าคัดลอกจุดขายจากธุรกิจอื่นโดยไม่ตรวจ

เรียนต่อจากบทนี้

เริ่มต้น Codex และ Vibe Coding สำหรับนักออกแบบ

รายละเอียดคลาส AI Solo Creative กับ อ.กอร่า

อ้างอิง

ความหมายและบทบาทของ Codex: OpenAI — Code generation แนวทางออกแบบและภาพสาธิตในบทนี้เรียบเรียงโดย Gorra Design ตรวจข้อมูลผู้ผลิตอีกครั้งเมื่อเริ่มใช้งานจริง