Back to our works

Amazing Green Journey

Web-application (LINE LIFF) + Backoffice

เที่ยวไทยแบบรักษ์โลก แค่ถ่ายใบเสร็จก็ได้แต้ม

แคมเปญที่เปลี่ยนใบเสร็จจากการเที่ยวและการช้อป ให้กลายเป็น Green Points แลกที่พัก ร้านอาหาร และสิทธิพิเศษจากพาร์ทเนอร์ทั่วประเทศ
ทั้งหมดจบในแชต LINE ไม่ต้องโหลดแอปเพิ่ม

LeafBox รับผิดชอบตั้งแต่เว็บแอปพลิเคชันบน LINE LIFF ระบบ OCR อ่านใบเสร็จ ระบบหลังบ้านสำหรับทีมตรวจสอบ ไปจนถึงงานคลาวด์ และการดูแลระบบตลอดแคมเปญ

What LeafBox did

UX
  • Information architecture
  • User flow (LINE OA → LIFF)
  • Mobile WebView usability
UI
  • Design system
  • Elements design
  • Prototyping
  • Responsive 430px-first
Development
  • Tech architecture
  • LIFF application development
  • API development & Integration
  • Backoffice development
  • QA and testing
Data
  • Data planning
  • Data tracking and collection
  • Data analytics & report
  • PDPA compliance
Cloud
  • Cloud discovery / planning
  • Cloud implementation
  • CI/CD pipeline
  • Cloud monitoring

เข้าใช้งาน

เข้าใช้งานผ่าน LINE ลงทะเบียนครั้งเดียว

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

สะสมแต้ม

ถ่ายใบเสร็จ แล้วให้ AI อ่านให้

อัปโหลดรูปใบเสร็จ ระบบ OCR อ่านเลขที่ใบเสร็จและยอดเงินให้เอง ตรวจใบซ้ำ เทียบยอดที่ลูกค้ากรอกกับยอดที่อ่านได้ และอนุมัติอัตโนมัติเมื่อข้อมูลครบ รองรับใบเสร็จ 9 ประเภท ตั้งแต่ร้านค้า ร้านอาหาร โรงแรม ตั๋วเครื่องบิน ไปจนถึงค่าชาร์จรถ EV

แลกของรางวัล

แลกของรางวัลจากพาร์ทเนอร์ทั่วประเทศ

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

เงื่อนไข

เงื่อนไขที่เปิดอ่านได้จากทุกที่

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

หลังบ้านที่ทีมงานใช้จริงทุกวัน

ระบบตรวจใบเสร็จที่เทียบผลจาก OCR กับยอดที่ลูกค้ากรอกให้เห็นพร้อมกัน จัดการรางวัลและคูปองคงเหลือรายพาร์ทเนอร์ สรุปยอดบิลรายวันสำหรับงานบัญชี พร้อมบันทึก OCR Tuning ที่บอกว่าทำไมใบไหนผ่านอัตโนมัติ ใบไหนต้องให้คนตรวจ

ตรวจใบเสร็จ
แยก tab ตามสถานะ พร้อมเทียบยอดที่ลูกค้ากรอกกับยอดที่ OCR อ่านได้ในแถวเดียวกัน ทีมงานตัดสินใจได้โดยไม่ต้องเปิดสองหน้าจอ
จัดการรางวัล
คูปองคงเหลือรายรางวัล เปิด-ปิดการใช้งานรายพาร์ทเนอร์ และนำเข้ารหัสคูปองชุดใหม่จากไฟล์ CSV
สรุปยอดบิล
ภาพรวมแยกตามสถานะ สรุปรายวัน และ export CSV สำหรับงานบัญชีและการปิดยอดแคมเปญ
OCR Tuning Logs
ผลตัดสินอัตโนมัติ ค่าความมั่นใจ และเหตุผลที่ใบเสร็จใบนั้นถูกส่งต่อให้คนตรวจ ใช้ปรับเกณฑ์ระหว่างแคมเปญได้

* ข้อมูลในภาพหน้าจอทั้งหมดเป็นข้อมูลสมมติ ไม่ใช่ข้อมูลลูกค้าจริง

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

Frontend
Next.js 16React 19TypeScriptTailwind CSSshadcn/uiTanStack QueryZustandnext-intlLINE LIFF SDKZodSentry
Backend
Laravel 12PHP 8.3MySQLSanctumSpatie PermissionGoogle Gemini (OCR)Intervention ImageAWS S3MailgunPest
Infrastructure
Docker (Laradock)DigitalOceanManaged MySQLAWS S3GitHub ActionsSentryLINE Messaging API
235
Pull Requests ที่ merge แล้ว (frontend 124 · backend 111)
~34,000
บรรทัดโค้ดฝั่ง frontend
5 เดือน
พัฒนาต่อเนื่อง เม.ย. – ก.ย. 2569

ผลงานของเรา

True Touch

AI Agent

Orderkub