ข้ามไปยังเนื้อหาหลัก
E-commerceค้าปลีกออนไลน์ / Multi-vendor

Nova Marketplace

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

ระยะเวลาโปรเจกต์
10 สัปดาห์
ปีที่ส่งมอบ
2025
บริการที่ใช้
E-commerce WebsiteCustom Web ApplicationUX/UI Design
หน้าแรกของ Nova Marketplace แสดงสินค้าแนะนำและแถบค้นหา

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

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

เทคโนโลยีที่ใช้

  • Next.js
  • TypeScript
  • PostgreSQL
  • Stripe
  • Tailwind CSS

โจทย์ของลูกค้า

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

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

สิ่งที่เราทำ

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

  • คำนวณค่าส่งแยกตามร้าน แล้วสรุปเป็นยอดเดียวในหน้าชำระเงิน
  • ผู้ขายอัปเดตสถานะจัดส่งเองผ่านหลังบ้านบนมือถือ
  • แดชบอร์ดกลางสรุปยอดขายรายร้านและรายหมวดหมู่
  • แจ้งเตือนคำสั่งซื้อใหม่ผ่านอีเมลและ LINE ทันที
ฟีเจอร์หลัก

สิ่งที่ระบบทำได้

ฟีเจอร์ที่ส่งผลต่อการทำงานจริงของลูกค้ามากที่สุดในโปรเจกต์นี้
  • ตะกร้ารวมหลายร้าน

    ผู้ซื้อเลือกสินค้าจากหลายร้าน แล้วจ่ายครั้งเดียวจบ

  • หลังบ้านผู้ขาย

    จัดการสินค้า สต๊อก และสถานะจัดส่งได้จากมือถือ

  • ชำระเงินหลายช่องทาง

    รองรับบัตรเครดิต พร้อมเพย์ และการโอนผ่านธนาคาร

  • รายงานยอดขาย

    ดูยอดขายรายร้าน รายสินค้า และรายช่วงเวลาได้ทันที

แนวทางการออกแบบ

ดีไซน์ที่เลือกใช้ และเหตุผลเบื้องหลัง

ใช้พื้นหลังสว่างเพื่อให้ภาพสินค้าเด่นที่สุด ลดสีของ UI ให้เหลือเท่าที่จำเป็น และวางปุ่มสั่งซื้อไว้ในตำแหน่งเดียวกันทุกหน้าจอ

  • Product-first
  • พื้นที่ว่างเยอะ
  • Mobile-first
  • ปุ่มชัดเจน
หน้าจอในระบบ

ตัวอย่างหน้าจอ

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

โปรเจกต์นี้เดินอย่างไร

แบ่งงานเป็นช่วงที่มีผลลัพธ์ชัดเจน เพื่อให้ลูกค้าเห็นความคืบหน้าตลอดทาง
  1. 1Discoveryสัมภาษณ์ผู้ขาย 8 ราย และรวบรวมขั้นตอนการขายปัจจุบัน1 สัปดาห์
  2. 2UX/UI Designออกแบบ Flow การซื้อและหลังบ้านผู้ขาย2 สัปดาห์
  3. 3Developmentพัฒนาแพลตฟอร์มและเชื่อมระบบชำระเงิน5 สัปดาห์
  4. 4Testingทดสอบการสั่งซื้อจริงกับผู้ขาย 12 ราย1 สัปดาห์
  5. 5Deploymentขึ้นระบบจริงและอบรมการใช้งานหลังบ้าน1 สัปดาห์
ผลลัพธ์

สิ่งที่เปลี่ยนไปหลังใช้งานจริง

ตัวเลขจากการใช้งานจริงของลูกค้าหลังระบบเปิดใช้งาน
  • ลดลง 70%

    เวลาที่ใช้จัดการคำสั่งซื้อ

    จากการที่ผู้ขายอัปเดตสถานะเอง

  • 78%

    สัดส่วนการซื้อจากมือถือ

    ในสามเดือนแรกหลังเปิดระบบ

  • 40+ ร้าน

    ร้านค้าที่ใช้งานหลังบ้าน

    ใช้งานต่อเนื่องโดยไม่ต้องผ่านทีมกลาง

ผลงานอื่น

โปรเจกต์ที่คุณอาจสนใจ

ดูผลงานทั้งหมด
  • หน้าแรกร้านค้าออนไลน์ Craft Coffee Club แสดงแพ็กเกจสมาชิก
    E-commerce

    แบรนด์กาแฟและสมาชิกรายเดือน

    Craft Coffee Club

    ร้านค้าออนไลน์ที่ขายทั้งแบบครั้งเดียวและแบบสมาชิกรายเดือน พร้อมระบบจัดการรอบจัดส่งอัตโนมัติ

    8 สัปดาห์ดูรายละเอียด
  • หน้าแรกเว็บไซต์ Siriwat Industrial แสดงหัวข้อหลักและเมนูสินค้า
    Corporate

    ผู้ผลิตชิ้นส่วนอุตสาหกรรม

    Siriwat Industrial

    เว็บไซต์บริษัทสองภาษาที่นำเสนอสายการผลิตและมาตรฐานโรงงาน ให้ลูกค้าต่างประเทศเข้าใจศักยภาพได้จากหน้าแรก

    5 สัปดาห์ดูรายละเอียด
  • หน้าแรกเว็บไซต์ Baan Suan Dining พร้อมปุ่มจองโต๊ะ
    Booking

    ร้านอาหารและไฟน์ไดนิ่ง

    Baan Suan Dining

    เว็บไซต์ร้านอาหารพร้อมระบบจองโต๊ะที่แสดงที่นั่งว่างตามรอบจริง และเก็บมัดจำสำหรับกลุ่มขนาดใหญ่

    7 สัปดาห์ดูรายละเอียด
อยากได้ระบบแบบนี้บ้าง

สนใจทำโปรเจกต์คล้าย Nova Marketplace?

เล่าโจทย์ของคุณให้เราฟัง แล้วเราจะประเมินขอบเขต ระยะเวลา และงบประมาณที่เหมาะกับธุรกิจของคุณโดยเฉพาะ

  • ปรึกษาครั้งแรกไม่มีค่าใช้จ่าย
  • สรุปขอบเขตและราคาก่อนเริ่มงาน
  • ตอบกลับภายใน 1 วันทำการ