My Role

My role as a UX/UI Designer, UX/UI Designer was essential in transforming a technical and limited process into an efficient and intuitive digital experience. I was responsible for leading research stages, understanding user pain points, mapping existing workflows, and proposing a new information architecture to simplify operators’ daily tasks. I created wireframes, high-fidelity prototypes, and the final app interface — always validating solutions with the client and the development team. This close collaboration ensured the final product was not only functional and scalable but also visually consistent with the brand identity and centered on real user needs.

UX Research

Understanding Context and Immersion

Meetings were held with Raízen stakeholders involved in the project, gathering feedback and insights from the operational teams responsible for refueling. The goal was to understand the real workflow and map the main challenges faced by users of the old system. This technical and business requirement analysis with Raízen’s IT team provided a clear context of the process and a detailed perception of users’ pain points.

Definition

Based on the insights collected, the following points were defined:

• Main goal: Create a modern, flexible, and updatable digital solution that simplifies the refueling invoice process.
• Key system requirements:
  • Quick selection of client, airport, and fuel type;
  • Invoice issuance with printing or email delivery;
  • Online/offline connectivity and synchronization;
  • Intuitive and objective interface suitable for field use;

Ideation and Information Architecture

Based on the findings, the new app’s information architecture was structured as follows:

• Mapping all usage flows of the old system;
• Identifying friction points and improvement opportunities;
• Creating optimized site maps and user flows;

Low-fidelity wireframes were then created, validated in review sessions with the client, and refined through multiple iterations.

Persona

João Santos

38 years old

"I’m an Aircraft Refueling Operator. I work rain or shine, and I value agility in my job."

About Me

Who am I? What do I do?

• Aircraft refueling operator at Raízen;
• Responsible for registering refueling operations and issuing invoices;
• Works directly on the airfield, ensuring safety and efficiency;
• Years of hands-on experience.

My Routine

Who do I live with? What are my habits? What is my daily routine like?

• Works in shifts (morning and night) under varying weather conditions;
• Interacts with teammates, supervisors, and ground staff;
• Busy schedule with little time between refueling operations;
• At home, enjoys time with his wife and two children;
• Relaxes by watching TV.

Personality

Motivations & Hobbies

What are my interests? How do I spend my free time?

• Plays soccer with friends;
• Spends time with family;
• Watches TV;
• Uses his phone;
• Sleep;
• Enjoys barbecues with friends.

Pain Points

What are my difficulties? What would I like to solve?

• Old device would freeze and had a small, limited screen;
• Slow processes;
• Error messages were confusing, with no quick support;
• Operational friction due to usability problems.

Goals & Needs

What are my needs? What results would I like to achieve?

• Have a reliable, fast, and intuitive system;
• Register refueling operations and issue invoices without errors;
• Receive automatic updates and have functional equipment in any condition.

User Flow

I created a user flow to visualize, analyze, and optimize the path the user takes to achieve specific goals within the product. This diagram helped the design and development teams understand user needs, identify friction points, and create a more intuitive and efficient experience.

Information Architecture

Information Architecture organizes and structures content logically, ensuring users can find what they need effortlessly. Without a well-planned architecture, even the most visually appealing design can result in a frustrating experience.

Wireframes

When creating wireframes, I focused on functionality, layout, and content organization rather than aesthetics. Wireframes ensured that the product’s foundation was solid and user-centered.

Usability Testing

The app’s flows were straightforward, and testing confirmed the insights identified so far. Low-fidelity prototypes were used to validate user interactions early in the project — focusing purely on functionality, flow, and information architecture, without distractions from visual elements.

Design System

Following Raízen’s marketing team guidelines, I defined the color palette, typography, and component standards that structured the project — ensuring visual and functional consistency. All materials were validated by the client, enabling faster, scalable, and professional interface creation.

UI Design