ขั้นตอน

ขั้นตอนการทำงาน
ที่เป็นระบบ

เพื่อให้ผลลัพธ์ออกมาตรงตามเป้าหมายทางธุรกิจของคุณมากที่สุด

00

Fill the Form

กรอกฟอร์มติดต่อ

Fill the Form

ลูกค้า

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

WEBCRAFTSMAN

• ตรวจสอบข้อมูลเบื้องต้นที่ลูกค้าส่งเข้ามาเพื่อประเมินความเป็นไปได้ • ติดต่อกลับเพื่อทำการนัดหมายเวลาสำหรับ Discovery Meeting ในขั้นตอนถัดไป

01

Discovery

การวิเคราะห์และประเมินราคา

ลูกค้า

• เตรียมข้อมูลพื้นฐานของธุรกิจ และปัญหาที่พบในปัจจุบัน (Pain Points) • ระบุกลุ่มลูกค้าหลักที่ต้องการให้เข้ามาใช้งานเว็บไซต์ • แชร์ตัวอย่างเว็บไซต์ที่ชอบ หรือคู่แข่งที่ต้องการเปรียบเทียบ • ตัดสินใจอนุมัติงบประมาณและขอบเขตงาน (Scope of Work)

WEBCRAFTSMAN

• ให้คำปรึกษาเชิงกลยุทธ์เพื่อให้เว็บไซต์ตอบโจทย์เป้าหมายทางธุรกิจ • วิเคราะห์หา Brand Identity และบุคลิกที่เหมาะสมกับแบรนด์ • คำนวณราคาและประเมินระยะเวลาการทำงาน พร้อมแจ้งเงื่อนไขต่างๆ ในที่ประชุมทันที

02

Mood Board

การค้นหาทิศทางงาน

ลูกค้า

• ชำระเงินมัดจำตามที่ตกลงกันเพื่อเริ่มโปรเจกต์ • พิจารณาตัวอย่าง Reference และ Mood Board ที่เรานำเสนอ • เตรียมรวบรวมข้อมูลเกี่ยวกับธุรกิจ เช่น โลโก้, รูปภาพ, branding assets, ข้อมูลทั้งหมดที่จะนำมาแสดงบนเว็บไซต์ หรืออื่นๆ ที่เกี่ยวข้อง

WEBCRAFTSMAN

• ทำ Research เชิงลึกเกี่ยวกับเทรนด์การออกแบบในกลุ่มธุรกิจของลูกค้า • คัดสรร Reference ที่ตรงกับบุคลิกของแบรนด์มานำเสนอให้ลูกค้าเลือก • สรุปทิศทางงานดีไซน์ (Visual Direction) เพื่อใช้เป็นมาตรฐานในขั้นตอนถัดไป • การรับประกัน: หากไม่สามารถงานให้เสร็จได้ ยินดีคืนเงินมัดจำตามเงื่อนไข

03

Blueprint

การวางโครงสร้างและแผนผัง

ลูกค้า

• ตรวจสอบจำนวนหน้าเว็บไซต์ทั้งหมดว่าครอบคลุมข้อมูลที่ต้องการหรือไม่ • ตรวจเช็กการวางลำดับเนื้อหา (Content Hierarchy) ในแต่ละหน้า • ยืนยันโครงสร้างเว็บไซต์เบื้องต้น (Wireframe) ก่อนเข้าสู่ขั้นตอนการลงสีจริง

WEBCRAFTSMAN

• ออกแบบแผนผังเว็บไซต์ (Site Map) เพื่อแสดงความเชื่อมโยงของแต่ละหน้า • วางโครงร่าง (Layout) เพื่อให้เห็นสัดส่วนของข้อมูลและการใช้งาน (Usability) • จัดการลำดับความสำคัญของเนื้อหา เพื่อให้ผู้ใช้งานหาข้อมูลได้ง่ายที่สุด

04

Design & Revisions

ความสวยงามที่พร้อมใช้งาน

ลูกค้า

• ตรวจสอบความสวยงามและความถูกต้องของดีไซน์หน้าจอต่างๆ • รวบรวมคอมเมนต์ที่ต้องการแก้ไขในแต่ละรอบ (เพื่อประสิทธิภาพในการทำงาน) • ยืนยันดีไซน์สุดท้าย (Final Design Confirm) เพื่อเริ่มต้นงานระบบ

WEBCRAFTSMAN

• เปลี่ยนโครงร่างขาวดำให้เป็นหน้าจอจริงที่สวยงามตาม Mood & Tone ที่เลือกไว้ • จัดการเรื่องกราฟิก, ไอคอน, และเลือกใช้รูปภาพที่สื่อถึงแบรนด์ • ดำเนินการปรับแก้ไขงานตาม Feedback ของลูกค้าภายในโควตา 3 ครั้ง

05

Development

เปลี่ยนดีไซน์ให้เป็นระบบที่ใช้งานได้

ลูกค้า

• จัดส่งไฟล์เนื้อหา "ตัวจริง" (Final Copywriting) และรูปภาพคุณภาพสูงทั้งหมด • เตรียมข้อมูลการจดโดเมนและโฮสติ้ง (หากมีอยู่แล้ว) • ข้อสำคัญ: งดการแก้ไขดีไซน์ในส่วนที่ Confirm ไปแล้ว (หากแก้ไขจะมีค่าใช้จ่ายเพิ่ม)

WEBCRAFTSMAN

• ลงมือสร้างเว็บไซต์ให้เหมือนกับงานดีไซน์ที่ได้รับการ Confirm 100% • ติดตั้งระบบเทคนิคหลังบ้าน เช่น ฟอร์มติดต่อ, การเชื่อมต่อโซเชียลมีเดีย • ปรับแต่งหน้าเว็บให้รองรับการแสดงผลทุกหน้าจอ (Mobile Responsive)

06

Launch

การส่งมอบงาน

ลูกค้า

• ร่วมทดสอบการใช้งานในส่วนต่างๆ เช่น การกดปุ่ม, การส่งฟอร์ม • เข้าอบรมวิธีการแก้ไขเนื้อหาเบื้องต้น (ถ้ามี) • ตรวจสอบความเรียบร้อยขั้นสุดท้ายและยอมรับการส่งมอบงาน

WEBCRAFTSMAN

• ตรวจสอบความถูกต้องของลิงก์, แบบฟอร์มติดต่อ และความเร็วในการโหลด • สอนการใช้งานเบื้องต้น (เช่น การแก้ข้อความหรือรูปภาพด้วยตนเอง) • ส่งมอบสิทธิ์การเป็นเจ้าของเว็บไซต์ และไฟล์งานที่เกี่ยวข้องทั้งหมด

เริ่มได้เลย
เราพร้อมมาก

เริ่มต้นโปรเจค
Hydrex