Theo Miracles
open source
open source

Overview

Boel IT specializes in maritime industry software solutions. Project focused on redesigning their vessel financing investment tool, which helps analyze ship investments and manage financial risks. The platform needed modernization to better serve maritime investors and financial analysts.

Problem Statement

Original vessel financing tool suffered from three critical usability issues:

-Confusing navigation structure
-Lack of data visualization tools
-Disorganized layout affecting user workflow

These problems impacted user efficiency and data interpretation for maritime investment decisions.

Solution

Developed streamlined solution based on thorough research, focusing on:

-New calculation system implementation
-Enhanced user experience design
-Improved data presentation structure

These improvements transformed complex maritime investment data into actionable insights.

Role

Research, UX design, Visual Design, Motion

Client

Boel IT, Denmark (Europe)Vessel Finance

Tools

Figma, Illustrator, After Effects, Photoshop

Research

Analysis of OLD design

— The previous design of the company's web service was outdated and required a complete redesign of all key pages, pop-ups

— The absence of vessel visualization made it difficult to effectively process data and complete needed actions.

— Poor layout of the billing page and misleading navigation prevented seamless workflow and created deadlocks on the way.

Competitor Analysis
UI/UX cons, pros

Examined competing maritime finance tools to identify market gaps and opportunities. Evaluation revealed common strengths in data processing but weaknesses in user interface and visualization. This analysis helped define our product's core advantages and improvement areas.

Interface Analysis

Analyzed workflow patterns of existing maritime finance applications to identify optimization opportunities. Study revealed potential improvements for our current interface, focusing on streamlining common user tasks and enhancing data accessibility.

Customer Profile (the same JOBTD)

In this step my task was define:

Pains — The negative experiences, emotions and risks that the customer experiences in the process of getting the job done.

Gains — The benefits which the customer expects and needs, what would delight customers and the things which may increase likelihood of adopting a value propositionDefining

Customer Jobs — The functional, social and emotional tasks customers are trying to perform, problems they are trying to solve and needs they wish to satisfy.

Structure

Wireframes & Prototyping

Created detailed wireframes prioritizing usability principles: effectiveness, clarity, efficiency, consistency, and intuition. Multiple user testing sessions validated design decisions and refined interface solutions before final implementation.

First concept

Developed input forms and reports using core design principles - balance, proportion, hierarchy, and unity. This systematic approach streamlined parameter entry and financial calculations, making complex maritime data more manageable.

Main Concept

Evolved initial concept based on client feedback, incorporating maritime-themed illustrations and cleaner interface. New version balanced professional financial tools with industry-specific visual elements while maintaining clarity of data presentation.

Design System & UI Kit for developer

Result

Delivered comprehensive redesign through systematic approach: in-depth competitor analysis, UX improvements, and two viable concepts. Selected design now serves as blueprint for development, transforming complex maritime investment tool into user-friendly, efficient platform ready for implementation.

What I learned from this project

Providing multiple interface options in early design phases gives clients better decision-making power and increases project success. This approach allows stakeholders to visualize different possibilities and choose the most effective solution for their needs.

open source
open source

Other projects

RavenGG
FlagUS

E-Commerce for
E-Sports brand

RavenGGCaseIllustration
open case study
KinetikCare
FlagUS

Dashboard,
Design System, Website

KinetikIllustrationCase
open case study