Overview
An application to keep control of all safety equipment onboard the vessel. The requirements for inspection and maintenance of safety equipment can be found in a large number of statutory instruments. There are two specific user accounts for this application. The first one is the Super User account. it has a complete access in all its features and is responsible for creating multiple tasks whether it's internal or external. The second account is for the Inspector that only has limited access for the sole purpose of executing all the task assigned by the Captain of the ship.

Create Super User Account

Dashboard - Inspector

Manage Equipment - Super User

Dashboard - Inspector

Super account - Dasboard

Inspector account - Execute Task

Project Summary

Problem

In the worst case, the ship can be detained if they fail in checks and maintenance of safety equipment due to serious breach of mandatory duties that result in deficiencies in the Port State Control. The crew members usually do manual input when performing all the tasks that take a lot of time and effort to accomplish.
My role
I was the UI/UX Designer for this project and responsible for translating the minimum viable product requirements provided by the Captain of the ship (the company owner) into something straight-forward yet user-friendly to all Norwegian seafarers.
Sketches and userflow
As per usual, I wouldnt be able to come up with ideas without this valuable part of the process which is the sketching. There was some challenges that I had to face and that includes spending plenty of time in simplifying the requirements. Since it was made by a non-technical person, most of the parts are in maritime terminologies so I had to think like a real viking as well, I mean seafarer. So I had conducted a small interview with our General Manager who happened to be a former seafarer in his early years.
Wireframes
Aside from sketches, I also had a few meetings regarding with the product owner before I was finally able to create high fidelity wireframes. I did a couple versions of the structure for some screens with complicated process flow and wireframe prototype to find out if it's intuitive.
Mockups
Mockup finally took place after a tedious back and forth about the feedback because Captain was then onboard and sailing. So I was freely able to conceptualize the overall look and feel for this product.
sketches
Prototype
The prototype video below basically shows a quick tour of the app and how IMO symbols are being added through the manage equipment screen.

Sample prototype - Adding IMO icons

Tools I used:
Previous

Orenda App