SELECTED WORK · 04 PROJECTS
ไม่ใช่ภาพตกแต่งให้ดูสวย — นี่คือหน้าจอจริงของงานที่ผมออกแบบและเขียนขึ้นมา ทั้งเว็บไซต์และระบบหลังบ้าน ธุรกิจคนละแบบ แต่ใช้หลักคิดเดียวกันคือ ระบบต้องเดินตามวิธีทำงานจริงของร้าน
ตัวเลขและชื่อในภาพระบบหลังบ้านเป็นข้อมูลตัวอย่าง ระบบจริงมีโหมดนี้ไว้ใช้ตอนสาธิตและตอนสอนงาน เพื่อไม่ให้ข้อมูลลูกค้าจริงหลุดออกไป — ยอดขายในภาพไม่ใช่ราคาค่าจ้างทำระบบ ค่าทำงานเริ่มต้น 9,800 บาท ขึ้นกับฟังก์ชันที่เลือกและระบบที่ต้องเชื่อมต่อ
เจ้าของร้านที่มีสองสาขาไม่ได้อยู่หน้าร้านตลอด สิ่งที่อยากรู้ไม่ใช่ตาราง 20 คอลัมน์ แต่คือ วันนี้ได้เท่าไหร่ ใครกำลังทำอะไร และมีอะไรที่ต้องรีบดูไหม ระบบนี้ออกแบบให้ตอบสามคำถามนี้ก่อน แล้วค่อยลงรายละเอียด
จอที่ 01 · ภาพรวมทุกสาขา
ยอดขายวันนี้เทียบกับวันเดียวกันสัปดาห์ก่อน และเทียบกับเป้าที่ตั้งไว้ — แถบทองบอกเลยว่าถึง 81% ของเป้า ฿40,000 แล้ว ไม่ต้องคิดเลขเอง
จอที่ 02 · เรื่องที่ต้องดูก่อนปิดร้าน
แถบแดงล่างสุดคือหัวใจของจอนี้ — "มี 2 เรื่องที่เจ้าของควรดูก่อนปิดร้าน" ระบบสรุปให้เองว่าเรื่องอะไร ไม่ต้องเปิดรายงานหา
จอที่ 03 · เปรียบเทียบสาขา
สองสาขาวางเทียบกันทั้งยอดขาย จำนวนคิว และค่ามือ แล้วระบบเขียนสรุปให้บรรทัดเดียว
click to zoom
LÉVONNE เป็นแบรนด์เครื่องสำอาง โจทย์คือเว็บต้องดูพรีเมียมเท่าตัวสินค้า และต้องปิดการขายในแชทได้ ผมทำทั้งหน้าเว็บที่ลูกค้าเห็น และระบบขายหลังบ้านที่ทีมงานใช้รับออเดอร์
จอที่ 01 · หน้าแรก
หัวเรื่องเซอริฟ "เซตเดียว ครบทั้งวันและคืน" กับสินค้าจริงเป็นพระเอก ราคาโปรกับปุ่มทักแชทอยู่ในจอแรกทันที ไม่ต้องเลื่อนหา
จอที่ 02 · เล่าเรื่องสินค้า
เซตนี้มีสองชิ้นใช้คนละเวลา แทนที่จะเขียนอธิบายยาว ๆ ผมทำเป็นปุ่มสลับให้กดดูว่าแต่ละช่วงต้องทำอะไร — "รูทีนที่สั้นพอจะทำได้จริงทุกวัน"
click to zoom
ร้านทำเล็บหนึ่งบิลมีได้หลายบริการ และหลายบริการนั้นอาจเป็นคนละช่างกัน พอมีส่วนลดสมาชิกเข้ามาอีก การนั่งคิดค่าคอมท้ายวันด้วยมือคือจุดที่พลาดง่ายที่สุด ระบบนี้เลยคิดให้ตั้งแต่ตอนปิดบิล แล้วตรวจซ้ำให้เองว่าตัวเลขตรงกันไหม
จอที่ 01 · ภาพรวมร้านวันนี้
ยอดขายสุทธิ จำนวนบิล เปอร์เซ็นต์ค่าคอม และค่าคอมรวมที่ต้องจ่ายช่าง อยู่ในจอเดียว ใต้ลงมาคือคิวที่กำลังจะมาถึง พร้อมชื่อช่างและโต๊ะที่ใช้
จอที่ 02 · คิววันนี้
หน้าจอนี้ทำมาให้คนหน้าร้านกดตอนลูกค้ายืนอยู่ตรงหน้า จึงต้องอ่านง่ายและกดน้อยที่สุด
จอที่ 03 · รายละเอียดบิล
ทุกบรรทัดบอกทั้งราคาเต็มและราคาหลังส่วนลด และบอกว่าใครเป็นคนทำ ท้ายบิลระบบแยกยอดที่ต้องแบ่งให้ช่างเป็นรายคน แล้วตรวจซ้ำว่ายอดบิลกับยอดแบ่งช่างเท่ากันพอดี
click to zoom
หน้าลานต้องเร็วและกดน้อย ส่วนหลังบ้านต้องเห็นตัวเลขครบ สองอย่างนี้ยัดในหน้าจอเดียวกันไม่ได้ ระบบนี้จึงแยกเป็นสองมุมมองที่สลับกันได้ที่ปุ่มเดียว โดยข้อมูลยังเป็นชุดเดียวกันอยู่ข้างหลัง
จอที่ 01 · หน้าของคนหน้าลาน
ปัญหาของงานหน้าลานคือตอนรับจองยังไม่มีข้อมูลครบ ลูกค้ายังไม่มา บัตรยังไม่ออก ระบบเลยไม่บังคับให้กรอกทุกช่องตั้งแต่แรก
จอที่ 02 · หน้าของคนดูเงิน
สลับมาอีกมุมมองคือหลังบ้าน — รายรับปีนี้ รายจ่ายปีนี้ ยอดคงเหลือ และจำนวนลูกค้าในประวัติ พร้อมกราฟรายรับเทียบรายจ่ายย้อนหลังหกเดือน
click to zoom
SAME RULES · EVERY PROJECT
ไม่ว่าจะเป็นเว็บขายของ ร้านนวด ร้านเล็บ หรือลานจอดรถ สามข้อนี้ผมใส่ให้ทุกงานเสมอ
ระบบมีจุดตรวจในตัวว่ายอดขาย ยอดที่รับเงินมา และยอดที่แบ่งออกไป ตรงกันหรือยัง เจ้าของไม่ต้องมานั่งไล่เอง และถ้าไม่ตรงจะรู้ตั้งแต่วันนั้น
หน้าจอแยกตามบทบาท คนหน้าร้านเห็นคิวและปุ่มที่ต้องกด เจ้าของเห็นเรื่องเงิน สอนงานง่ายขึ้น และข้อมูลที่ไม่ควรเปิดก็ไม่ได้เปิด
เว็บขายของปุ่มทักแชทติดล่างจอ ระบบหลังบ้านปุ่มเพิ่มคิวอยู่หัวจอ เรื่องด่วนขึ้นแดงข้างบน — คนใช้ไม่ต้องหา และไม่ต้องจำ
WANT ONE LIKE THIS?
งานทั้งสี่ชิ้นข้างบนเริ่มจากคำถามเดียวกันหมด คือวันหนึ่งงานเดินยังไง แล้วช้าตรงไหน คุยเบื้องต้นฟรี ไม่มีค่าใช้จ่าย
061-684-9793