project showcase

SupplyMate Wholesale

ร้านค้าส่งบรรจุภัณฑ์สำหรับคาเฟ่และร้านอาหาร ที่ขายเป็นลัง ไม่ใช่เป็นชิ้น — ทุกหน้าจอบอกราคาต่อลัง จำนวนชิ้นต่อลัง และขั้นต่ำต่อรายการ

phakinza007.github.io/supplymate-wholesale
หน้าแคตตาล็อกของ SupplyMate Wholesale แสดงการ์ดสินค้าพร้อมราคาต่อลังและจำนวนชิ้นต่อลัง

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

ภาพรวมโปรเจกต์

ใช้เวลาไม่กี่นาที เห็นภาพทั้งหมด

SupplyMate Wholesale เป็นโปรเจกต์แนวคิดที่พัฒนาขึ้นเอง สมมติเป็นผู้จำหน่ายบรรจุภัณฑ์และของใช้หน้าร้านสำหรับคาเฟ่และร้านอาหาร โจทย์ของงานขายส่งต่างจากร้านค้าปลีกตรงหน่วยที่ขาย — คนซื้อไม่ได้สั่งทีละชิ้น แต่สั่งเป็นลัง เป็นแพ็ก หรือเป็นม้วน หน้าเว็บจึงต้องตอบให้จบก่อนกดสั่งว่าราคาต่อหนึ่งลังเท่าไหร่ ในลังมีกี่ชิ้น และสั่งขั้นต่ำเท่าไหร่ ทั้งแคตตาล็อก หน้าสินค้า และตะกร้าถูกออกแบบรอบคำถามสามข้อนี้

หมายเหตุตามตรง — เดโมที่เผยแพร่เป็นหน้าบ้านล้วน ไม่มีระบบสมาชิก ไม่มีหลังบ้าน และไม่รับคำสั่งซื้อจริง ทุกหน้ามีข้อความ “Concept demo — ไม่รับคำสั่งซื้อจริง” กำกับไว้ และปุ่มสุดท้ายเขียนว่า “ยืนยันคำสั่งซื้อจำลอง”

E-commerce Full Stack Light UI Thai

สรุปใน 30 วินาที

จุดที่โดดเด่น อ่านผ่าน ๆ ก็เห็น

  • แคตตาล็อก 6 หมวด ค้นหาภาษาไทยและกรองตามหมวดได้ในหน้าเดียว
  • การ์ดสินค้าบอกราคาต่อลังและจำนวนชิ้นต่อลังตั้งแต่หน้ารวม ไม่ต้องกดเข้าไปดู
  • หน้าสินค้ารวมหน่วยขาย ชิ้นต่อลัง และขั้นต่ำต่อรายการไว้ในบล็อกเดียวเหนือปุ่มสั่ง
  • ตะกร้าคุมขั้นต่ำเอง ปรับจำนวนต่ำกว่าที่กำหนดไม่ได้
  • จบที่หน้ายืนยันแบบจำลอง ไม่รับชำระเงินและไม่ส่งข้อมูลออกนอกเบราว์เซอร์
  • React + Vite + TypeScript, Tailwind + shadcn/ui, จัดการตะกร้าด้วย Zustand

โปรเจกต์นี้เหมาะกับใคร

อ่านรอบเดียวรู้เลยว่าใช่หรือไม่ใช่

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

อยากได้แบบนี้บ้างไหม?

ปรับงานชิ้นนี้ให้เข้ากับธุรกิจของคุณ

บอกผมว่าธุรกิจคุณทำอะไร อยากให้เว็บช่วยเรื่องไหน และงบประมาณคร่าว ๆ เท่าไหร่ — ผมออกแบบและพัฒนาให้พอดีกับสิ่งนั้น

ราคาเริ่มต้น ฿3,900 ขึ้นอยู่กับขอบเขตงาน — ดูราคาทั้ง 3 แพ็กเกจ

เริ่มงานบน Fastwork อีเมลหาผม

ดูเว็บจริง ผลงานทั้งหมด