technologist-make-set-up-production-line-while-standing-near-digital-screen-department-dai

Food Factory

Streamlining Traditional Food Factory Records with a Web System

Role:

UIUX Designer & Project Management

What is the project about?

Designed for traditional food factories to convert and manage paper-based records in one centralized web platform, including:

daily checklists
sales orders
ingredient purchase orders
production process records
inventory information
maintaining client, staff, and supplier profiles
essential settings e.g. defaults for delivery day, currency, unit of measure etc.

Tool Use

Bubble.io

Built the interactive UI and the app logic, including creating UI variants and managing datasets

Figma

Created low-fidelity prototypes to quickly test layout, user flow, and key screen structure

Poe

Used for brainstorming, developing user flow ideas, and generating sample data

Design Thinking Process

Stage 1

Empathize

Understand user needs, pain points and real-world problems through research and stakeholder meeting

Stage 2

Define

Identify the major issues based on the user insights to define problem statements for further ideation and solution design

Stage 3

Ideate

Explore multiple achievable system functions to solve the identified problem

Stage 4

Prototype

Design low-fidelity and interaction to visualize and test the functions

Problems & Solutions

Time wasted on paper documentation and slow searching

Digitize daily operational documents with keyword and date filtering

Difficulty managing information across orders and stakeholders

Centralize customer orders, customers, staff, suppliers, products, and stock in one system

Uncontrolled access for junior staff

Use role-based permissions for junior and senior staff

Inaccurate calculations from multi-currency and manual entry

Apply algorithms for multi-currency and update calculations in real time

Limited visibility in costs and performance

Provide cost/ingredient/order insights and production & delivery tracking reports

Payroll and commission approval challenges

Streamline payroll handling and commission approval workflows

Inefficient setup of recurring operational settings

Support one-click defaults for delivery day, unit of measure, operations, costs, locations, and sales/make/purchase toggles

User Journey Map

User Phases	User Actions	User Emotions	User Pain Points
Searching	Finding today’s production document	Frustrated	Paper documents are slow to search and easy to misplace
Checking records	Reviewing orders, customers, staff, suppliers, products, and stock	Overwhelmed	Information is scattered across different records and stakeholders
Logging in	Accessing the system	Cautious	Junior staff may access or change information they should not handl
Calculating	Calculating the order total price from a different currency	Concerned	Manual entry and currency conversion cause errors
Reviewing reports	Checking cost, ingredient, order, production, and delivery information	Unsure	Limited visibility into costs and performance
Submitting payroll	Creating and printing payroll and commission for approval	Impatient	Traditional payroll and commission disbursement approval takes too long
Setting defaults	Configuring recurring operational settings	Hopeless	Repeated setup work wastes time and creates inconsistency

Persona

Alex Chan

Age: 28
Occupation: Factory operations Manager

About us

Alex works in a factory where documents, orders, supplier details, and stock records are often handled manually or across separate systems. She need to coordinate with junior and senior staff, review reports, approve payroll or commissions, and make sure recurring operational settings are applied correctly. Her biggest priority is staying organized without losing visibility into costs or performance.

Goals & Needs

Find production or operational documents quickly
Access all order and customer information in one place
Control what junior staff can view or edit
Reduce calculation mistakes, especially with multi-currency entries
Track costs, ingredients, production, and delivery performance
Speed up payroll and commission approvals
Reuse common settings instead of entering them repeatedly

Motivations

Increase operational efficiency and reduce manual work
Improve data accuracy and eliminate calculation errors
Gain clear visibility into costs, performance, and delivery progress
Streamline approval processes for payroll and commissions
Standardize recurring settings to avoid repetitive work

Frustrations

Paper-based documentation slows down daily tasks
Disconnected systems make it hard for her to manage information across stakeholders
Junior staff accessing or changing sensitive data
Errors from manual, multi-currency calculations
Inability to see the full picture of costs and performance
Slow and cumbersome approval workflows for payroll and commissions
Having to re-enter the same operational settings repeatedly