behance-logodribbbles-logolinked-in-logo

A solution for port logistics

2020

Our Customers

Ultracargo is Brazil's largest bulk liquids storage company, primarily operating in the storage of chemicals, petrochemicals, biofuel, and vegetable oil.

Constraints

Not having time to use the legacy system to understand better the user journey as it is.

Their Problems

Ultracargo has a legacy system that enables the integration of data, visualization of charts, scheduling of product loading and unloading, invoice generation, and downloading of reports from the port terminal. Both internal users and external customers are involved in managing the port terminals. During a user interview, they mentioned the difficulties they faced in generating reports, scheduling product loading and unloading, and the lack of visualization over time for the port terminal.

My Role

As a designer I was responsible for researcher, and UX/ UI designer.

Roadmap

roadmap

Kickoff meeting

As a UX Designer consultant, before starting the Design Sprint, I had a one-hour meeting with the client to quickly address some points and understand the project's requirements using the 5W1H methodology

1

Why the client wants to do the Web Portal?

Because there is already a solution that does not meet the needs of Ultracargo's customers in an agile and efficient manner and is only available in the Internet Explorer browser. However, with this new solution, Ultracargo seeks greater agility (reduced time spent) in scheduling its customers, as well as the ability to work on multiple platforms and provide a better way to view reports.

2

Who are the users?

The clarity of this question will become evident during immersion. However, according to brief discussions with Ultracargo's customers, both Ultracargo's internal users and its external customers will be using the product. We will identify the pain points and potential solutions for these users through the creation of personas.

3

Where and when they will use the solution?

Ultracargo's customers will access the system when they need to schedule a road operation at one of the terminals or consult information (historical or real-time) related to the storage and operation of their products.

4

What are the solution alternatives?

Create a responsive web system, the features will be raised during the co-creation immersion.

Challenges

- Design an interface allowing users to customize reports according to their preferences.
- Ability to combine reports
- Exporting reports in PDF
- Design navigation flows that minimize complexity and facilitate the location of information.
- Provide visualization over time
- Determine how the platform will present relevant information to aid in informed decision-making.
- Current design is confusing
- Improve brand feedback

High level goals

1. Improve how quick users can obtain a report and export it in different formats
2. Optimize the efficiency of scheduling product loading and unloading processes at the port

Research and collaboration to understand the context

The initial approach aimed to understand the challenges faced by both internal users and external customers, as well as their perceptions of the legacy system.

The decision to use the CSD matrix comes from the lack of well-defined information and numerous uncertainties surrounding the perceptions of internal users and external customers regarding the current solution. This approach also facilitates aligning everyone's understanding of the problem and provides a concise overview of the unstructured information, which can subsequently be validated through other research methods.

research
post-itspost-itstamires board

Discovering who is using the legacy system and how they are using it

We created personas by synthesizing data collected from qualitative research, the CSD Matrix, and Desk Research. This allowed us to establish a solid foundation for understanding the motivations of both internal users and external customers.

We also utilized all the data from the quality research to create a journey map as it is, in order to understand the pain points and identify areas for improvement. Simultaneously, we developed a new version, the 'Journey Map to Be,' incorporating the insights gained from our analysis.

Creating collaborative wireframes and notes

The wireframe phase, which outlines information, facilitates discussions with the team to determine what is logical or not before proceeding with the development of the final application, so enhancing team efficiency

tamires sketchingresearch

UI Design

interfaceinterfaceinterface

TAKEAWAY

The initial problem statement was solved. However, as we delved deeper into the project, we uncovered additional problems and opportunities.

My primary takeaway from this project was the importance of understanding the user context to meet their needs. For complex B2B systems like this one, there were times when it would be better to do a user shadowing to observe how users were currently using the legacy system. Each insight gained could potentially become a new feature. However, as a designer, it was crucial to strike a balance between priorities and needs. Otherwise, collaborating with different types of professionals could become quite chaotic.