ข้ามไปเนื้อหาหลัก
กลับไปหน้าผลงาน
E-commerceNext.jsTypeScriptPostgreSQL

FreshMarket — แพลตฟอร์มตลาดสดออนไลน์

FreshMarket Co., Ltd.
10 สัปดาห์
สิงหาคม 2567
ดูเว็บจริง
F

โจทย์ที่เราได้รับ

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

ความท้าทายหลักมีสองประการ: หนึ่ง — ระบบต้องรองรับสินค้าที่มีสต็อกแปรผันตามฤดูกาลและราคาที่เปลี่ยนได้ทุกวัน สอง — กลุ่มผู้ใช้ฝั่งเกษตรกรมีความคุ้นเคยกับสมาร์ทโฟนในระดับพื้นฐาน UI จึงต้องง่ายมาก

วิธีที่เราแก้ปัญหา

เราเลือก Next.js 14 สำหรับ frontend เพราะต้องการ SSR ที่ดีเพื่อ SEO ในหน้า product listing และ PostgreSQL + Prisma สำหรับ database เพราะ schema ของ e-commerce มีความสัมพันธ์ซับซ้อนที่ relational database จัดการได้ดีกว่า

สำหรับ payment gateway เราเลือก 2C2P เพราะรองรับ PromptPay, True Money Wallet และบัตรเครดิต ซึ่งเป็น payment method หลักของกลุ่มเป้าหมาย

ส่วน inventory system เราออกแบบให้เป็น event-sourced เพื่อให้ติดตาม stock movement ได้แม่นยำและมี audit trail สำหรับการคืนสินค้า

สิ่งที่ทำให้ Project นี้น่าสนใจ

การออกแบบ UI สำหรับสองกลุ่มผู้ใช้ที่แตกต่างกันมากเป็นความท้าทายที่น่าสนใจ เราทำ separate app shells — หน้า seller dashboard ใช้ navigation pattern ที่เรียบง่ายมาก ฟอนต์ใหญ่ ปุ่มใหญ่ เพื่อให้เกษตรกรที่ใช้มือถือกลางแจ้งกดได้ง่าย ขณะที่ buyer experience เน้น discovery และ browsing ที่ลื่นไหล

ผลลัพธ์

Metricก่อนหลัง 6 เดือน
GMV รายเดือน450,000 บาท1,350,000 บาท
เกษตรกรที่ลงทะเบียน23 ราย187 ราย
Conversion rate1.8%4.2%
Lighthouse Performance97
Average order value285 บาท410 บาท

"Khantuna เข้าใจ business ของเราจริงๆ ไม่ใช่แค่ทำตาม spec แต่ช่วยคิด solution ที่ดีกว่าที่เราขอไปด้วย"

— คุณสมชาย วงษ์เกษตร, CEO FreshMarket

Lessons Learned

โปรเจกต์นี้สอนให้เราเห็นว่า user research ที่ดีสามารถเปลี่ยน solution ทั้งหมดได้ เราเคย plan ว่าจะทำ mobile app แต่หลังจากสัมภาษณ์เกษตรกร 15 ราย พบว่าพวกเขาสะดวกใช้ LINE มากกว่าแอปใหม่ เราจึงเพิ่ม LINE Notify integration เพื่อแจ้งเตือนออเดอร์ใหม่ ซึ่งลด onboarding friction ลงได้มาก