พัฒนาเว็บไซต์ Beaverman v4.0
Beaverman เป็นแพลตฟอร์มออนไลน์ที่ให้บริการเชื่อมต่อระหว่างผู้รับเหมาก่อสร้างและลูกค้าที่ต้องการหาช่างมาติดตั้ง ซ่อมแซม หรือสร้างสิ่งก่อสร้างต่างๆ โดยในเวอร์ชั่น 4.0 นี้ ทีมของเราได้รับโจทย์ให้ปรับปรุงการออกแบบเว็บไซต์ให้ทันสมัยและง่ายต่อการใช้งานทั้งในรูปแบบ Desktop และ Mobile เพื่อให้สอดคล้องกับพฤติกรรมการใช้งานของผู้ใช้ที่หลากหลาย นอกจากนั้นเรายังต้องออกแบบระบบจัดการโปรไฟล์และการค้นหาช่างให้มีประสิทธิภาพมากยิ่งขึ้น เพื่อให้ลูกค้าสามารถหาช่างที่เหมาะสมได้อย่างรวดเร็ว
เป้าหมายและความท้าทาย
เป้าหมาย: เป้าหมายของโปรเจคนี้คือการสร้างประสบการณ์การใช้งาน (UX) ที่ราบรื่นและเป็นมิตรกับผู้ใช้งาน (User-friendly) ทั้งในเวอร์ชั่น Desktop และ Mobile โดยต้องเน้นการออกแบบให้ระบบการค้นหาช่างและการลงข้อมูลของผู้รับเหมาใช้งานได้ง่ายที่สุด พร้อมกับการทำให้เว็บสามารถปรับตัวเข้ากับหน้าจอขนาดต่างๆ ได้อย่างดี
ความท้าทาย: ความท้าทายของโปรเจคนี้คือการออกแบบ UX/UI ที่สามารถรองรับข้อมูลที่หลากหลายของช่างและการค้นหาที่ต้องการความรวดเร็วและแม่นยำ การจัดการข้อมูลผู้ใช้จำนวนมาก และการทำให้เว็บไซต์สามารถทำงานได้ดีทั้งบน Desktop และ Mobile ด้วยการออกแบบ Responsive Design ที่มีประสิทธิภาพ
ขั้นตอนการทำงาน และเทคโนโลยี/เครื่องมือที่ใช้
การรับบรีฟและเก็บ Requirement
เริ่มต้นด้วยการประชุมกับลูกค้าเพื่อทำความเข้าใจถึงความต้องการของเว็บไซต์ Beaverman v4.0 โดยเฉพาะในเรื่องของฟังก์ชันการค้นหาช่างและการจัดการข้อมูลผู้รับเหมา
การออกแบบ Wireframe (ใช้ Figma)
ขั้นตอนถัดมาคือการสร้าง Wireframe เพื่อกำหนดโครงสร้างเว็บไซต์และการจัดวางเนื้อหาในแต่ละหน้า เราใช้ Figma เพื่อออกแบบ Wireframe ที่ชัดเจนและสามารถนำไปพัฒนาได้ง่ายในอนาคต ทั้งในเวอร์ชั่น Desktop และ Mobile
การออกแบบ UI (ใช้ Figma)
เมื่อ Wireframe ผ่านการตรวจสอบและอนุมัติแล้ว ทีมงานได้ทำการออกแบบ UI ใน Figma โดยเน้นความเรียบง่าย สวยงาม และใช้งานได้จริง พร้อมออกแบบให้รองรับการทำงานแบบ Responsive เพื่อให้เว็บสามารถแสดงผลได้อย่างเหมาะสมในทุกอุปกรณ์
การพัฒนา HTML (ใช้ Bootstrap)
หลังจากที่การออกแบบถูก Approve เราได้นำดีไซน์ไปพัฒนาด้วย HTML และใช้ Bootstrap เป็น framework สำหรับจัดการ Layout และ Responsive Design ทำให้เว็บไซต์สามารถทำงานได้ดีทั้งบน Desktop และ Mobile
ส่งมอบงานและความพึงพอใจจากลูกค้า
หลังจากทำการพัฒนาเว็บไซต์ด้วย HTML เสร็จสิ้น ทีมงานได้ส่งมอบงานให้กับลูกค้า Beaverman เพื่อนำไปพัฒนาต่อให้สมบูรณ์ ทางลูกค้าได้แสดงความพึงพอใจอย่างมากในเรื่องของดีไซน์ที่ดูทันสมัยและการใช้งานที่ง่าย โดยเฉพาะการปรับให้เหมาะกับการใช้งานในทุกอุปกรณ์ ซึ่งถือว่าเป็นสิ่งที่ทำให้โปรเจคนี้ประสบความสำเร็จได้ตามเป้าหมายที่ตั้งไว้
บริการ:
DESIGN
เครื่องมือ:
FIGMA
ลูกค้า: