Overview
Boel IT supplies highly specialized software solutions for the maritime industry. I had to redesign the Vessel financing investment models tool. The software encompasses meaningful financial analysis and modeling of ship investments that contribute to better management of risks and hence better risk-adjusted returns.
Problem Statement
Confusing navigation, no data visualization, and unstructured layout hindered seamless experience and discombobulated users.
Solution
Having conducted comprehensive research, I generated a unique counting system and significantly enhanced the user experience.
Research, UX design, Visual Design, Motion
Boel IT, Denmark (Europe)Vessel Finance
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
I had started from competitor analysis for define core of our products, cons and pros of competitor products
Interface Analysis
I checked usual flow of other working apps, what I could improve in our current application
Customer Profile (the same JOBTD)
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
High-fidelity wireframes I had created based on comprehensive UX research to achieve optimum usability. I put focus on effectiveness, visual clarity, efficiency, consistency, and intuitiveness. During the wireframing stage, i conducted several User Testing sessions to validate my design solutions.
First concept
The input forms and output reports are designed following the fundamental design principles of balance, proportion, hierarchy, unity, etc., to facilitate the processes of filling in parameters and calculating revenue/expenses.
Main Concept
After first concept, I had got review from client, and we decided to make version number 2, which will be with ship illustrations and more clean
Design System & UI Kit for developer
