Web Design Port Agency 2023

Midseas – Premier UAE Port Agency

Midseas simplifies maritime operations in the UAE through a streamlined digital platform that guides shipping companies from port entry to departure.

4 Weeks Timeline
Lead Designer My Role
Port Agency Industry
2023 Year
Midseas – Premier UAE Port Agency overview

The Challenge

Maritime operations in the UAE require seamless coordination between various stakeholders, including vessel owners, port authorities, and service providers. Traditional port agencies often face challenges in delivering timely and efficient services, leading to potential delays and increased operational costs for shipping companies.

Project Process & Timeline

Week 1 UAE Port Operations Scoping

Audited shipping operations, port authority regulations, and client service workflows.

Week 2 Port Agency Platform Architecture

Wireframed portal service indexes, request forms, and navigation panels.

Week 3 Visual Grids & Typography Systems

Developed visual design systems, brand guidelines, and responsive landing pages.

Week 4 Prototyping & Developer Specification

Delivered interactive click-through specifications and developer Spec Sheets.

Understanding User Insights

I gathered qualitative feedback and analyzed standard workflow bottlenecks to establish clear visual milestones before designing structural interfaces.

User research analysis board

Affinity mapping and user persona research boards for Midseas – Premier UAE Port Agency.

Designing the System

Midseas positions itself as a leading port agency in the UAE, offering a comprehensive suite of services designed to streamline maritime operations. Their offerings include: By consolidating these services, Midseas ensures that shipping companies can rely on a single partner for all their maritime needs, reducing complexities and improving operational efficiency.

Overcoming Obstacles & Prototyping

One of the primary challenges faced by Midseas was designing a website that effectively communicates the breadth of their services while maintaining clarity and ease of navigation. The website needed to cater to a diverse audience, including international shipping companies and local stakeholders, ensuring that information was accessible and user-friendly. Additionally, integrating various service offerings into a cohesive user experience required meticulous planning and design.

Wireframe design concept A

Interface layout variation A — optimized dashboard navigation.

Wireframe design concept B

Interface layout variation B — interactive flow optimization.

Design System & Colors

A cohesive color palette was constructed to define the brand visual identity. Headings leverage premium Instrument Serif typography while structural content uses clean Inter sans-serif sizes.

Maritime Blue #2563eb
Nav White #ffffff
Water Card BG #f8fafc
Midseas – Premier UAE Port Agency details

Key Results & Summary

Midseas’ website serves as a digital gateway for shipping companies seeking comprehensive port agency services in the UAE. By offering a wide range of services under one roof, Midseas positions itself as a trusted partner in the maritime industry, ensuring seamless operations and timely solutions for its clients.

-40% Clearance Delay Vessels ports entry request log processed faster
99.9% Clearance Accuracy Reduced paperwork errors
24/7 Live Port Feed Maintained vessel status logs real-time

Key Takeaways & Reflections

Simplify data collection logs

Port requests have complex fields; progressive form sections simplified ship captain clearance submissions.

Responsive tables are critical

Vessel log tables must remain readable across mobile phones and warehouse tablets.

Behance Presentation

View the complete layout, design system guidelines, and full mockup details.

Explore Case Study