

stear
Leaner, Cleaner, Better.
Scroll Down
Logistic Optimisation Solutions
About STEAR
STEAR is a logistics project of PETRONAS. It was established to solve internal logistics problems such as vessel reservation, demand visibility and vessel tracking, and to minimize costs in the offshore logistics industry. STEAR is a first-of-its-kind industry-leading platform that aims to offer "logistics on demand" through an uberized model where demand and supply for shipping vessels are optimally balanced.

Official STEAR Video
STEAR Challenges
PETRONAS built STEAR to address these challenges by streamlining logistics operations, cutting costs, enhancing visibility, and offering a flexible, on-demand model. The goal is to improve efficiency, reduce expenses, and set new industry standards for offshore logistics.
STEAR faces several operational challenges, including efficiently managing vessel schedules, coordinating between stakeholders, and maintaining accurate real-time tracking. The platform must also adapt to demand fluctuations, ensure effective resource allocation, and minimize operational downtime while handling large volumes of data and providing a user-friendly interface.
Fuel Management System by STEAR
Fuel Management System (FMS), highlighting its ability to provide end-to-end visibility and analytics on fuel usage. It emphasizes features like real-time analytics, mobile access, and compliance with environmental and security standards. The system tracks engine running hours, fuel consumption, product transfers, and detailed activities, making it a comprehensive tool for managing fuel efficiently.
FMS (Phase 1)
FMS (Phase 2)
FMS Main Modules
FMS Dashboard
Activity Validation
Vessel activities are tracked based on the classification of GPS signals, comparing these with records from vessel masters to identify inaccuracies, ensuring compliance with fuel consumption declarations.
Fuel Mass Balance
The dashboard provides a clear overview of the fuel consumption and distribution process, from bunkering at a jetty to transfers on vessels or platforms, ensuring visibility of the remaining fuel onboard.

My Role
Lead UI/UX Designer
Official Website
Role Description
As a Lead UI/UX Designer, I oversee the design and user experience of digital products, ensuring they are intuitive, visually appealing, and user-friendly. My role involves leading a team of designers, collaborating with stakeholders, conducting user research, and creating wireframes, prototypes, and high-fidelity designs. I focus on optimizing the user journey, improving usability, and maintaining consistency across all design elements to enhance overall user satisfaction and engagement.
-
Organized the sprint planning for UI/UX tasks.
-
Assigned tasks to team members.
-
Established the platform for task updates on Trello.
-
Represented the UI/UX team in grooming and sprint sessions.
-
Monitored progress and provided support as needed.
-
Identified and resolved any blockers or issues the team faced.
-
Ensured alignment with overall project goals and timelines.
-
Facilitated communication and collaboration within the team.
-
Prepared and shared regular status updates with product owner.
Design Process
In my current role, I follow a streamlined UI Design Development Process. It starts with gathering requirements, followed by research, wireframing, prototyping, and creating high-fidelity designs. I collaborate closely with developers and iterate designs based on feedback, ensuring a user-centered and technically feasible outcome.
Requirement Gathering
Receive and review user stories provided by the Product Owner.
1
Design Drafting
Translate the wireframes and prototypes into high-fidelity UI designs, incorporating detailed design elements
4
Submission
Finalize and submit the UI design to the development team for implementation
7
Research and Analysis
Conduct detailed research to understand the requirements outlined in the user stories.
2
Initial Proposal and Collaboration
Present the first draft of the UI design in a grooming session. Collaborate with developers to gather feedback and discuss technical feasibility
5
Wireframing
Develop wireframes to outline the basic structure and layout of the UI, ensuring alignment with user stories and requirements.
3
Iteration
Refine the UI design based on feedback from the grooming session and further collaboration with the development team.
6
UI/UX Agile Design Workflow
Effective collaboration and structured workflows are essential for successful UI/UX teams. By using a sprint-based approach, teams can manage projects efficiently, ensuring continuous progress and adaptability. This workflow guides UI/UX teams from receiving a project brief to reflecting on completed work, promoting continuous improvement and high-quality deliverables.
Prod & Tech Collaborations
Here's an outline of how deliverables are managed between Prod and Tech: The process is cyclical and adapts according to task and sprint planning. Both teams collaborate closely to ensure alignment and adjust workflows as needed throughout each sprint.
FMS User Journey
Effective collaboration and structured workflows are essential for successful UI/UX teams. By using a sprint-based approach, teams can manage projects efficiently, ensuring continuous progress and adaptability. This workflow guides UI/UX teams from receiving a project brief to reflecting on completed work, promoting continuous improvement and high-quality deliverables.
Data Management
System Alert
Fuel Capping