Port Operations and Logistics Tool

Logistics management tool for transforming port operations by streamlining workflows, eliminating bottlenecks, and improving the efficiency of the workers.

Client

Client

Wallenius Wilhelmsen

Wallenius Wilhelmsen

Role

Role

Lead UX & UI Designer

Lead UX & UI Designer

Lead UX & UI Designer

Industry

Industry

Logistics & Supply Chain

Logistics & Supply Chain

Timeline

Timeline

Jan 2025 - July 2025

Jan 2025 - July 2025

Problem Statement

Port operators currently rely on slow, fragmented, and manual processes to track voyages, manage loading and unloading, and identify shipment issues. This leads to delays, errors, and operational bottlenecks. There is a need for a secure, device-compatible scanning application that streamlines these workflows, enables quick exception handling, and supports operators in real time through an integrated AI chatbot ultimately improving speed, accuracy, and overall port efficiency.

Device Compatibility

The app must run on the device's used-in ports for secure, seamless use in the unique operational environment.

Efficiency & Exceptions

Streamline voyages, speed operations, and quickly flag shipment issues with a simple exception system.

AI Assistant & Problem Resolution

An integrated AI chatbot provides instant guidance to help operators resolve issues quickly and reduce downtime.

User Persona

Michael Basi

Age

40

Role

Cargo Handler

Bio

Michael is a seasoned cargo handler with 15 years of experience. He’s efficient, reliable, and relies on fast, clear tools to keep shipments moving without delays.

Core needs

Quickly scan and identify shipments without delays.

Track voyages and incoming loads efficiently.

Flag and report damaged or mismatched packages easily.

Reduce errors and avoid repeated checks or scans.

Pain Points

Slow or outdated scanning systems that lag during peak hours.

Difficulty identifying shipments with issues until it’s too late.

Unclear system messages that force him to ask for help.

Lack of real-time support when encountering unexpected problems.

Wireframes

Wireframes

Created the wireframes to outline the essential functionality of the app.

Created the wireframes to outline the essential functionality of the app.

Design System

Design System

Setup the design system to maintain consistency across whole platform

Setup the design system to maintain consistency across whole platform

Bringing the Vision to Life

Bringing the Vision to Life

Visual snapshots of how thoughtful design decisions transformed the app

Visual snapshots of how thoughtful design decisions transformed the app

Visual snapshots of how thoughtful design decisions transformed the app

Smart Port Hub

A single hub to track voyages, speed up loading & unloading, and quickly spot shipments with issues.

Instant Barcode Create

If a shipment’s label or barcode is missing, users can instantly generate a new one to speed up clearance.

If a shipment’s label or barcode is missing, users can instantly generate a new one to speed up clearance.

Shipment Issue Hub

Users can quickly report unscannable or missing labels &revisit those flagged shipments to resolve the issues.

Users can quickly report unscannable or missing labels &revisit those flagged shipments to resolve the issues.

Port Assistant

An AI chatbot that gives users quick solutions to any issues they face while working at the port.

An AI chatbot that gives users quick solutions to any issues they face while working at the port.

Some Other Essentials

Some Other Essentials

Visual snapshots of other features that makes the users' task seamless

Visual snapshots of other features that makes the users' task seamless

Visual snapshots of other features that makes the users' task seamless

Dark Mode

Dark Mode

Port Activities

Port Activities

Measure Shipment

Measure Shipment

Conclusion

The 2W Tally Scanner App reimagines port operations, enabling teams to manage packages from entry at the gate to loading onto ships. By streamlining workflows, simplifying tasks, and providing real-time visibility, the app empowers users to work efficiently, reduce errors, and drive measurable operational impact across the port.

Design System

Setup the design system to maintain consistency across whole platform

Wireframes

Created the wireframes to outline the essential functionality of the app.

Create a free website with Framer, the website builder loved by startups, designers and agencies.