Ice Factory Excellence

Ice Delivery Management Application

Allows you to effortlessly track and manage your ice inventory in real-time.
It provides a centralized database where you can input and update information
about ice stock levels, types of ice available (cubed, crushed, dry ice, etc.),
and expiry dates. This feature ensures accurate inventory tracking
and minimizes the risk of stockouts or wastage.

Tools

  • Figma
  • Google Font

Style Guide

Color:

Brand Color:

Primary

#2196F3

Semantic Color:

Secondary

#66BB6A

Info

#42ADFF

Warning

#FFA63A

Danger

#FF4444

Additional Color:

Dark-01

#212121

Dark-02

#424242

Dark-03

#616161

Grey-01

#BDBDBD

Typography:

Roboto

A a

Noto Sans Thai

ก ข

Title

Bold

24px

Sub Title

Semi Bold

16px

Body

Regular

16px

Caption

Medium

14px

Icon Set:

Project Overview

Background:

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

Role & Responsibility:

เป็น UX/UI Designer รีดีไซน์แอพใหม่ให้สวยขึ้น ใช้ง่าย และครบโฟลวมากยิ่งขึ้น ตามหลักการของ Design Thinking

Problem:

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

Design Process

1

Research & Refine Problem

Target Audience:

กลุ่มพนักงานที่ทำงานภายในโรงน้ำแข็งและผู้ประกอบการโรงน้ำแข็ง

User Interview:

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

Persona:

ทำการกดหนดตัวอย่างกลุ่มผู้ใช้งานผ่านการสัมภาษณ์เบื้องต้นผลที่ได้ดังต่อไปนี้

สุรเชษฐ์ วิทยานุกูล

อายุ: 42 ปี

เพศ: ชาย

อาชีพ: ขับรถส่งน้ำแข็ง

ที่อยู่: กรุงเทพ

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

Pain Point:
  • การหาเส้นทางที่เหมาะสม:ผู้ขับรถส่งน้ำแข็งบ่อยครั้งต้องการแอปพลิเคชันที่ช่วยในการค้นหาเส้นทางที่เหมาะสมและสั้นที่สุดเพื่อลดเวลาการเดินทางและเพิ่มประสิทธิภาพในการส่งน้ำแข็ง
  • การตรวจสอบปริมาณน้ำแข็ง:ความคุ้นเคยในปัจจุบันกับกระบวนการการตรวจสอบปริมาณน้ำแข็งยังเป็นไปด้วยวิธีด้วยการตรวจสอบและเช็คด้วยตนเอง แต่ผู้ขับรถส่งน้ำแข็งอาจต้องการแอปพลิเคชันที่ช่วยตรวจสอบปริมาณน้ำแข็งในรถบรรทุกเพื่อลดความยุ่งยากและเพิ่มความถูกต้อง
  • การบันทึกประวัติการส่งน้ำแข็ง:ผู้ขับรถส่งน้ำแข็งอาจต้องการแอปพลิเคชันที่ช่วยในการบันทึกประวัติการส่งน้ำแข็งและการรับคืนถังน้ำแข็งว่าง เพื่อเพิ่มความสะดวกและประสิทธิภาพในการบริหารจัดการทางการเงินและเพิ่มประสิทธิภาพในการวิเคราะห์ธุรกรรมขายน้ำแข็ง
Goals and needs:
  • เขาต้องการแอปพลิเคชันที่ช่วยในการจัดการเส้นทางการส่งน้ำแข็งให้มีประสิทธิภาพ โดยระบุตำแหน่งและเส้นทางที่เหมาะสมสำหรับการส่งน้ำแข็งให้แก่ลูกค้า
  • เขาต้องการแอปพลิเคชันที่ช่วยตรวจสอบปริมาณน้ำแข็งในรถบรรทุกและแจ้งเตือนเมื่อน้ำแข็งใกล้หมดและต้องการเติมเพิ่ม
  • เขาต้องการใช้แอปพลิเคชันที่ช่วยในการบันทึกประวัติการส่งน้ำแข็งและการรับคืนถังน้ำแข็งว่างเพื่อบริหารจัดการทางการเงิน

Solution:

จาก Pain Point เบื้องต้น ทำให้คิดวิธีการแก้ปัญหาได้ 3 วิธี คือ

  1. ทำการเพิ่มฟีเจอร์การนำทางด้วย Google Map เพื่อแก้ปัญหาค่าใช้จ่ายในส่วนของค่าน้ำมันที่เพิ่มขึ้นหากขับผิดเส้นทางและลดระยะเวลาในการส่งสินค้าได้
  2. เพิ่มรายละเอียดของร้านค้านั้นๆที่ต้องการไปส่งสินค้า เช่น ชื่อร้านค้า, ที่อยู่ร้านค้า, ภาพร้านค้าและรายละเอียดสินค้าที่ต้องส่งในร้านนั้นๆในแต่ละวัน
  3. เพิ่มประวัติการส่งสินค้าและรายการร้านค้าที่ต้องส่งนอกเส้นทาง ซึ่งร้านเหล่านี้จะไม่เหมือนเดิมกันทุกวัน ทำให้การขนส่งสินค้าสามารถทำได้ถูกต้อง, ลดระยะเวลาในการโทรสอบถามไปยังโรงน้ำแข็งและลดค่าโทรศัพท์ถ้าหากมีการโทรสอบถามกันบ่อยๆ
2

Ideate

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

Old Application Screen Example:

User Flow:

3

Prototype

Low-Fi Wireframe Example:

Final Design Example:

4

Test & Launch

ทำการเทสแบบ UAT ในเบื้องต้นเพื่อหาบั๊คและหาว่า User สามารถใช้งานได้ตรงตามโฟลวหรือไม่โดยถ้าเจอปัญหาก็จะทำการกลับไปแก้อีกรอบ โดยวิธีการคือ Launch พร้อมๆกันทั้ง 2 เวอร์ชั่น ทั้งเก่าและใหม่ ให้ User ต้นแบบ 1 คน ทำการใช้งานเบื้องต้นก่อน จากนั้นจึงคอยเก็บ Feedback เอามาปรับปรุง ฟังก์ชั่นที่สำคัญๆ เช่น พวก Balance ต่างๆใช้ของแอพเก่าไปก่อนเพราะมีความเสถียรกว่า ส่วนพวกนำทางใน Google Map หรืออัพโหลดค่าใช้จ่ายจะลองทำในเวอร์ชั่นใหม่ เพราะ 2 อย่างนี้โฟลวไม่ซับซ้อนเลยง่ายต่อการเทส โดยผลการทดสอบค่อนข้างน่าพอใจ ช่วยลดปัญหาที่เจอได้ในระดับหนึ่ง แต่ต้องคอยแก้บั๊คต่างๆอยู่เรื่อยๆ เพราะว่าระบบยังไม่นิ่ง และยังมีการทดลองใช้ดูเรื่อยๆ เผื่อจะเจอโฟลวหรือบั๊คที่ยังคงตกหล่นอยู่
อีกสาเหตุหนึ่งที่ทำการ Launch ของจริงพร้อมๆกันก็คือ Stakeholder อยากได้แอพมาใช้เร็วๆ เพราะถ้าสามารถใช้การได้จริงจะสามารถลดคอสต์ได้แบบวันต่อวันและจำนวน User ที่ใช้งานภายในก็มีไม่เยอะมากนัก

Screen Preview

Hi, I’m a UX/UI Designer with 5 years of experience designing digital products for industries like travel, banking, and tech startups.
In addition to design, I am also interested in other things such as investment, cats, travel, and social networking.

Contact