top of page

Container Shipping Company
Application Development

Summary

Our aim was to build a customized solution, Agents Freight Forwarding System (AFFS), an intelligent software solution designed to help cargo agents, freight forwarders, and logistics companies manage container shipments efficiently. It streamlines operations related to booking, documentation, tracking, invoicing, and customer management.

Business Objectives

  • Develop a comprehensive and transparent cargo management solution which can fulfill both presen and future business requirements

  • Automate the business processes to the extend possible

  • Real time tracking of containers and their utilization

  • Real time performance indicators for quick decision making

Pain Points

  • Inability to customize the existing software to meet the business processes.

  • Lack of flexibility for booking management and container allocation.

  • Requires manual intervention to fulfill the business needs.

Role

UX-UI Designer​

Tools

  • Figma

  • Miro

  • Jira

  • Adobe Photoshop

  • Adobe Illustrator 

Duration

On-going

Scope of Work

Sales & Booking Process

​

Engage with customers for cargo bookings.Confirm bookings and allocate SOC or COC containers.

Equipment Control & Release

​

Track container inventory and coordinate releases to depots.Manage positioning and ensure containers are in good condition.

Documentation & Compliance

​

Receive shipping instructions and issue the Bill of Lading.Handle customs declarations and DG/OOG cargo documentation as needed.

Port Operations & Vessels Planning

​

Coordinate slot booking with the shipping line and submit load lists.Ensure timely container gate-in and monitor vessel departure and load status.

On-Carriage & Trans-Shipment

​

Manage handover of transshipment cargo to connecting carriers.Monitor cargo movement throughout the transshipment process.

Destination Port & Discharge

​

Notify the agent of vessel arrival through pre-alerts or TDR.

Invoicing & Finance 

​

Generate freight invoices and applicable charges.Track payments, manage credit, and ensure rate accuracy per contracts.

Reporting & Documentation Control

 

Maintain records of BLs, manifests, and cargo movement. Generate periodic reports for performance analysis.

System Architecture

​Design Considerations

​​

  • Common Architecture Framework

  • Flexible and Scalable

  • Ability to Incrementally add new application with less effort

  • Fasttrack Process and Development

  • Serverless First Approach

  • Enhanced User Experience

  • Leverage Open-Source Tools

  • Reduced Maintenance Cost

Frontend (User Interface)

  • Web-based dashboard for cargo agents

  • Mobile app for customers to track shipments (Optional)

  • Responsive UI for booking, documentation, and invoicing

​

Backend (Business Logic)

  • API for managing bookings, payments, and tracking

  • Role-based authentication (Admin, Cargo Agent, Customer)

  • Notification system (email/SMS alerts for shipment status)

​

Database (Storage)

  • Shipping lines APIs for tracking

  • Payment gateways (if required)

  • Customs and port authority systems

Design Process

Empathise
Define
Ideate
Prototype
Test & Deliver
Component 4.png
Worked with the client and technical team to create a solution serving both young professionals and older staff, prioritizing smooth, intuitive user flows to support a wide range of operational requirements.
The challenge was to build the Agents Freight Forwarding System (AFFS), a tailored solution for cargo agents, freight forwarders, and logistics companies that unites booking, documentation, tracking, invoicing, and customer management in an intuitive platform, adaptable to diverse workflows and capable of real-time updates.
Spoke with the client and their staff to understand their workflow, researched relevant case studies online, and incorporated the brand color as the central design theme. Used these insights to develop the main screens that clearly present the workflow and support efficient operations.
Created mockups, UI layouts, and interactive prototypes using Figma, Miro, and Photoshop, currently working with the development team through to delivery to ensure consistent user flow, UI, and alignment with the client’s vision.
Currently under
development.

Final UI Screens

bottom of page