A growing maritime product ecosystem requires a consistent visual and interaction language across internal tools, operational dashboards and enterprise applications.
As new solutions are developed, interfaces need to remain clear, scalable and recognisable, while supporting complex maritime data, technical workflows and different types of operational users.
Create a coherent product design foundation that improves clarity, usability and visual consistency across the maritime digital applications.
The objective is not only to design individual screens, but to help define how the maritime tools should look, behave and communicate information.
- Define a consistent visual language for maritime applications
- Design clear and scalable UI patterns
- Support UX decisions through interface testing and iteration
- Improve information hierarchy in complex maritime tools
- Create product infographics and usage explanations
- Collaborate with development and product teams using Azure Test Plans
Design Decisions
Visual language
Defining a recognisable aesthetic for maritime digital products, balancing technical precision, maritime context and enterprise credibility.
UI foundations
Creating reusable interface patterns for dashboards, tools, forms, modules and operational views.
Information architecture
Structuring complex maritime and operational data into clear, navigable systems.
UX collaboration
Supporting user flows, interaction decisions and functional testing in collaboration with product and development teams.
Product communication
Designing infographics and visual explanations that help users understand how the maritime solutions work.
The interface, at full size
An operational monitoring screen: live map, fleet and buoy selection, oceanographic readings, daily summary and quick actions. Designed in two densities and two themes from the same component set.
Two densities, one system. The compact variant adds a left rail and a right analytics column for operators who work on a single screen all day; the full variant keeps the map dominant. Same components, same spacing scale, same iconography — switched, not redrawn. Click the screen to open it at 1920 px.
Process
Product understanding
Understanding the maritime products, users, technical context and operational needs.
Information mapping
Organising maritime data, product flows and application structures.
Visual direction
Defining the aesthetic direction for internal tools and enterprise-facing applications.
UI system design
Creating scalable components, layouts and interface patterns.
UX collaboration
Working with product and development teams to refine usability and interaction logic.
Testing with Azure Test Plans
Supporting functionality testing, reporting issues and validating expected behaviours.
Product communication assets
Creating infographics and visual explanations for product usage and internal communication.
Current Contribution