top of page
Image by MXI Art

stear

Leaner, Cleaner, Better.

Scroll Down

Logistic Optimisation Solutions

Frame.png

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.

Image by Shaah Shahidh

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.

STEAR Project Involvement

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.

FMS Dashboard - Landing Page.png

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.

Design System

Frame 1171276149.png

stear
dls

Explore the official STEAR design system and unlock a wealth of resources. Dive into an extensive collection of color palettes, typography, components, and guidelines designed to ensure consistency and quality across the projects. 

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

Web UI Design

The overview of the UI design for our on-demand web system, specifically focusing on the demand, optimise and execute module. Our design aims to deliver a user-friendly, efficient, and visually appealing interface that enhances user experience and functionality.

FMS Dashboard

Follow me

© 2021 by Muhammad Ikramfadli.
Journey takes time to be history

 

Call

+60102419494

  • Facebook
  • LinkedIn
  • Instagram
bottom of page