Digital Twins Smart Port Management System : Marine Transport Corp.
Industry
Digital Twins
Client
Marine Transport Corp. /Local Government Project
Project Type
POC / A desktop-based smart port digital twins management systems specifically within maritime logistics and real-time infrastructure monitoring.
My Role
UI/UX Designer
Duration
Oct - Nov 2024 (1.5 month)
My Contribution
UX Research / Ul Design / Protoyping
Tools
Figma
Team
PM, Front-End Developer, 3D Engineer
I was brought in to design a proof-of-concept (POC) digital twins port platform for a Marine Transport Corp in Taiwan. The goal was to visualize and monitor real-time port operations through a digital interface, serving as a foundation for future operational expansion.
Despite tight deadlines and limited stakeholder access, I delivered a functional concept within 1.5 months, balancing speed, technical constraints, and an unfamiliar domain.
Background
The product is a desktop-based dashboard designed for port operations teams. It enables users to visualize key metrics, such as ship arrivals, equipment status, environmental conditions, and security gate controls. In one unified 3D interface. The goal is to reduce operational friction and improve situational awareness for faster, smarter decision-making.
My Contributions
Rapid Execution: Delivered the core concept and interactive wireframes in under 6 weeks
Domain Onboarding: Quickly acquired knowledge in port logistics and digital twin technologies
Cross-functional Collaboration: Worked closely with the 3D team to align visual assets with UI/UX requirements
Design Deliverables: Keyframe wireframes, interaction flows, and interface concepts for port monitoring
Key Challenges
Limited Time Frame
The entire project, from ideation to delivery, had to be completed in just 1.5 months.
No Direct Access to End Users
We couldn't interview operators or clients directly, making user empathy and assumptions validation difficult.We needed to align with stakeholders
New Industry Domain
This was my first time working in port logistics and digital twin technology, which required a fast learning curve.
Used AI tools to quickly prototype content, generate user scenarios, and validate design assumptions. Treated AI as a research assistant and brainstorming partner
User Scenarios & Personas
To ensure that the design would meet the needs of real-world users, I mapped out key usage scenarios and drafted initial user personas.
Port Administrator
Oversee overall operations and need real-time situational awareness
Equipment Operators
Monitor and manage container cranes, trucks, and other machinery
Logistics Coordinators
Track shipments and ensure seamless cargo movement
Technical Personnel
Responsible for environmental monitoring, equipment maintenance, and security operations
User Pain Points
Information Overload: Port managers often deal with large volumes of real-time data
Cognitive Load: Without clear visualization, users can miss critical alerts or trends
Need for Clarity: Interfaces must surface key insights quickly through intuitive charts, status indicators, and alert systems
How might we enable users to efficiently monitor and access real-time operational data from the port in a clear and actionable way?
Feature Planning & Functional Scope
To clarify the platform’s direction and align with the development team early, I created a prioritized feature list based on user needs and system goals: Real-time equipment status dashboard Vessel arrival/departure tracking Environmental condition monitors (temperature, wind speed, humidity) Security gate control and access logs Alert and notification system for anomalies or emergencies Historical data and log retrieval
Sitemap
Wireframes &
Key Frames Mockup
Created wireframes of key screens to speed up feedback loop and discussion. Followed standard UI conventions (e.g., navigation bar placement)
Defined Visual Design Language
Customised UI components
Oversee overall operations and need real-time situational awareness
Apply Quick Echarts Color Picking Tools
Responsible for environmental monitoring, equipment maintenance, and security operations
Outcome
Delivered a functional design concept aligned with stakeholder goals
Built a scalable wireframe system that became a reference for future implementation
Received positive feedback for speed, clarity of design thinking, and ability to work across disciplines
Takeaway
This project showcased my ability to adapt quickly, work under pressure, and deliver high-impact results with limited information. It was a valuable experience in designing for emerging technologies and government systems, expanding my range as a UX designer.