Designing an Online Data Visualization Tool for Enhancing Vessel Energy Efficiency

  • Concept Design
  • Product Design
  • UI/UX Design

Deltamarin is a Finnish design company with over 25 years of experience in ship design, offshore engineering, and construction support for the marine industry.

During my minor studies in International Design Business Management at Aalto University, I had the opportunity to work on a real-life project with Deltamarin. As the sole designer, I was responsible for product design and project deliverables throughout this four-month project. In addition to creating marketing materials, I led all design iterations.

The project’s core concept was to visualize vessel journey data to improve energy efficiency. The result was an online data visualization tool designed for ship crews and offshore officers.

I built the platform using open-source techniques and libraries, with the Mineral UI framework for the UI and Bootstrapfor the product itself. The concept is modular, with each feature built as an independent, customizable component to meet Deltamarin’s clients’ needs.

Notifications – see what’s going at glance
Collapse the sidepanel
Notes – read a note or add your own by clicking the timeline
Filters – see only relevant data
Compare the selected trip summary against the ideal values
Expand and collapse the sidebar
Selected file / trip information
Background activity
Direct messages
View notes
Search previous journeys from the database or add a new filter
How many errors the journey has. Every journey has
Indicates how many comments this journey has.
Active filters
Add or edit parameters
See additional information
Menu – export or print data or compare this journey against other journeys