Ziyi's
DESIGN
PORTFOLIO
Please switch to a desktop device to explore Ziyi's portfolio.
Parcel
Locker
System
UI/UX Design
Industrial Design
Full-Stack Development
DESIGNED FOR
Singapore Post
ROLE
Individual Project
YEAR
2023
BUILD WITH
Figma
Expo
Google Cloud
Firebase
MongoDB
Arduino
PROJECT
OVERVIEW
The Parcel Locker System is a hardware–software prototype consisting of three mobile applications and one web-based admin application. On the hardware side, the system was built using Arduino with Bluetooth and RFID modules to enable contactless operations. On the software side, the three mobile apps and the admin web app are seamlessly connected through a real-time database, forming a fully integrated and self-sufficient system.
Hardware–software layout
BUILD WITH
Figma
Expo
Google Cloud
Firebase
MongoDB
Arduino
BUILD WITH
Figma
Expo
Google Cloud
Firebase
MongoDB
Arduino
TIMELINE
BUILD WITH
Figma
Expo
Google Cloud
Firebase
MongoDB
Arduino
Research Results
Bluetooth + Built-In Battery + Fully App-Based Experience
PURPOSE
To explore potential features for a next-generation parcel locker solution
BUILD WITH
Figma
Expo
Google Cloud
Firebase
MongoDB
Arduino
Research Results
Bluetooth + Built-In Battery + Fully App-Based Experience
Research Results
“Traditional” parcel locker system
Next-generation parcel locker system
Simplified locker hardware with key functions shifted to a mobile apps.
BUILD WITH
Figma
Expo
Google Cloud
Firebase
MongoDB
Arduino
Research Results
Bluetooth + Built-In Battery + Fully App-Based Experience
Project Goal
Design and validate a proof-of-concept, app-based parcel locker system to evaluate the end-to-end user experience and generate actionable insights.
Hardware
prototyping
Rapid prototyping for the smart locker
Hardware Integration
Hardware
TESTING
A testing app built with MIT App Inventor
Hardware functionality testing
UI/UX
Design
As the project involved four different applications, the UI/UX design focused on prioritizing core features and primary user flows to ensure a clear and user-friendly experience. High-fidelity prototypes for key workflows were developed in Figma to validate interaction design and visual consistency across all platforms.
Customer app layout concept sketches
High-fidelity Figma prototype
primary
userflow
The admin web app manages all user accounts and lockers, and tracks the status of all items. It also manages courier and maintenance accounts.
DEPLOYMENT
The high-fidelity prototypes were translated into a React frontend. The backend was built using Google Cloud, Firebase, and MongoDB. The software was then successfully integrated with the hardware system, resulting in a fully functional end-to-end prototype.
Database Structure
Final Prototype
Software prototype overview
Demo
Courier
Customer
BUILD WITH
Figma
Expo
Google Cloud
Firebase
MongoDB
Arduino
Research Results
Bluetooth + Built-In Battery + Fully App-Based Experience
Conclusion
-
Validated the feasibility of app-based parcel locker system for a next-generation solution.
-
Shifting interactions to mobile can reduce hardware complexity while delivering a clear and usable end-to-end experience.
-
Highly dependent on Bluetooth and mobile network stability
BUILD WITH
Figma
Expo
Google Cloud
Firebase
MongoDB
Arduino
