Phattharaphum Kingchai | Web Developer

เว็บแอปพลิเคชันสำหรับเป็นแพลตฟอร์มให้ผู้ใช้งานสามารถ “ปล่อยเช่า” และ “เช่า” อุปกรณ์หรือสิ่งของออนไลน์ได้อย่างเป็นระบบ ครอบคลุมตั้งแต่การลงประกาศ การค้นหาและดูรายละเอียดสินค้า การส่งคำขอเช่า ไปจนถึงการติดตามสถานะรายการ โดยโปรเจกต์นี้มุ่งเน้นการออกแบบประสบการณ์ใช้งาน (UX) และการไหลของระบบ (User Flow) ให้ชัดเจนสำหรับผู้ใช้ทั้งสองฝั่ง เพื่อให้การเช่า–ปล่อยเช่าทำได้ง่าย เข้าใจตรงกัน และลดความสับสนในกระบวนการใช้งาน

01 ปัญหา

การเช่า–ปล่อยเช่าแบบไม่เป็นระบบทำให้การสื่อสารคลาดเคลื่อน ติดตามสถานะยาก และมีความเสี่ยงต่อความผิดพลาด

ผู้เช่าต้องการมองเห็นรายการที่พร้อมให้เช่า พร้อมรายละเอียดและเงื่อนไขที่ชัดเจน ก่อนตัดสินใจ

ผู้ปล่อยเช่าต้องการช่องทางจัดการรายการของตนเองและติดตามคำขอเช่าได้สะดวก

การออกแบบ UX สำหรับผู้ใช้ 2 บทบาท (ผู้ปล่อยเช่า/ผู้เช่า) จำเป็นต้องมี Flow ที่สอดคล้องกันและใช้งานได้จริง

02 แนวทางแก้ไข

ออกแบบ UX/UI ด้วย Figma โดยเริ่มจากกำหนด Persona, User Journey และ System Flow เพื่อจัดลำดับขั้นตอนการใช้งานให้เป็นธรรมชาติ

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

พัฒนา Frontend ด้วย React และ Tailwind เพื่อให้ UI สอดคล้องกับแบบจาก Figma และรองรับการใช้งานบนอุปกรณ์หลากหลาย

เชื่อมต่อกับ Backend (Node.js) เพื่อรองรับการทำงานของฟีเจอร์หลัก เช่น การแสดงรายการ การส่งคำขอ และการอัปเดตสถานะรายการ

03 ผลลัพธ์

ได้ต้นแบบแพลตฟอร์มเช่า–ปล่อยเช่าที่มีขั้นตอนการใช้งานชัดเจน รองรับผู้ใช้สองบทบาทได้อย่างเป็นระบบ

ผู้ใช้สามารถค้นหาและดูรายละเอียดสินค้าได้สะดวก พร้อมส่งคำขอเช่าและติดตามสถานะรายการได้

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

Chalapao

01 ปัญหา

02 แนวทางแก้ไข

03 ผลลัพธ์

Project Gallery