Back to Selected Work

MROLINE Marketplace B2B

Designing features of the e-commerce business transformation process into a marketplace, by Increasing Efficiency and Ease of MRO Transactions in the Electricity Sector

OVERVIEW

OVERVIEW

Role & Responsibility
UI/UX Designer - User Research, Wireframing, Interaction Design, Visual Design, Prototyping & Testing
Timeline
September 2021 - April 2022
Platform
Website Apps
MROLine Marketplace B2B is an online platform that facilitates suppliers and customers in the electricity sector, enabling efficient transactions and fostering business-to-business relationships for the procurement of maintenance, repair and operations (MRO) products and services.

ABOUT COMPANY

PT Cogindo DayaBersama is a company engaged in the electricity sector, specifically to manage Power Plants in the form of providing Operation and Maintenance Services.

CHALENGGES

The need for improved efficiency in online transactions for MRO procurement.

The need for improved efficiency in online transactions for MRO procurement.

The main problems that became my reference in making this application design are as follows
Business Transformation: From Pure E-commerce to Marketplace MRO

Business model transformation results in significant changes to procurement processes, business interactions, products, and orders.

User Problems: Difficult Access and Unclear Business Interaction

The lack of an efficient, easy-to-use platform means procurement is fragmented, MRO access is difficult, and B2B interactions are challenged, causing buyers and suppliers in the power sector to experience difficulties with inefficient online transactions and unclear business-to-business interactions.

CHALENGGES

The need for improved efficiency in online transactions for MRO procurement.

The main problems that became my reference in making this application design are as follows
Business Transformation: From Pure E-commerce to Marketplace MRO

Business model transformation results in significant changes to procurement processes, business interactions, products, and orders.

User Problems: Difficult Access and Unclear Business Interaction

The lack of an efficient, easy-to-use platform means procurement is fragmented, MRO access is difficult, and B2B interactions are challenged, causing buyers and suppliers in the power sector to experience difficulties with inefficient online transactions and unclear business-to-business interactions.

PROJECT GOALS

Develop a B2B MROLine Marketplace that can improve the efficiency and ease of MRO transactions in the electricity sector.

How can we improve the efficiency and ease of MRO transactions in the electricity sector?

COMPETITIVE ANALYSIS + THE GAP

Unveiling Market Truths: Advantages and Opportunities for MROline Product Development

Unveiling Market Truths: Advantages and Opportunities for MROline Product Development

We wanted to explore the landscape of related products and services in the digital to gain a deeper understanding of current competitor solutions and identify any gaps. Conducting a brief competitive analysis helped us to deeply understand the competitor's services, and identify potential where we can surpass them.
Opportunity/What could be improved

  • Improved product search feature.

  • Developed a comprehensive product catalog with various MRO categories.

  • Develop product management features.

  • Improve RFQ management.

USER INTERVIEW

Analysis of User Interview Results

Analysis of User Interview Results

To gain a deeper understanding of how users interact with the market, I conducted interviews with customers from Cogindo, suppliers affiliated with Cogindo, and Cogindo employees.
Key Insight: After collecting the survey results, I listed 3 key findings. Here's what was decided after discussing the survey results
Reachability

Suppliers and buyers have difficulty reaching each other. Or limited means of communication.

Efficiency and Safety

The MRO procurement process remains complex, time-consuming, and prone to errors.

Information

Suppliers and buyers struggle to get accurate information about MRO products and services.

IDEATION

Innovative Solutions for MRO Efficiency: Unveiling Three Key Features to Transform Transactions in the Electrical Sector

Innovative Solutions for MRO Efficiency: Unveiling Three Key Features to Transform Transactions in the Electrical Sector

During an hour long "brainjam" session with the Product Manager. We brainstormed and decided on 3 main features that can improve the efficiency and ease of MRO transactions in the power sector.
01
Product Purchase Options

Allows buyers to choose how to purchase products, either through standard e-commerce or RFQ. This feature provides flexibility to buyers in choosing a purchase method.

02
RFQ Management

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

03
Chat

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

01
Product Purchase Options

Allows buyers to choose how to purchase products, either through standard e-commerce or RFQ. This feature provides flexibility to buyers in choosing a purchase method.

02
RFQ Management

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

03
Chat

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

01
Product Purchase Options

Allows buyers to choose how to purchase products, either through standard e-commerce or RFQ. This feature provides flexibility to buyers in choosing a purchase method.

02
RFQ Management

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

03
Chat

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

UI DESIGN

Final Mockup Design

Final Mockup Design

01
Product Purchase Option
02
RFQ Management
03
Chat
01
Product Purchase Option
02
RFQ Management
03
Chat
01
Product Purchase Option
02
RFQ Management
03
Chat

DESIGN EXPLORATION

3 major improvements in my design

3 major improvements in my design

Based on various client feedback, I continue to iterate on my design, below are 3 major improvements that I made:
01
Improved Accessibility with Placement of "Request Quotation" Button

The redesign of the Request Quotation button placement is expected to enhance accessibility and user-friendliness for clients. This improvement is anticipated to boost the number of requests for quotations and sales.

02
Highlighting the Key Information on the Product Card!

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

03
Changing Card Category Styles to Improve Readability and Comprehension!

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

01
Improved Accessibility with Placement of "Request Quotation" Button

The redesign of the Request Quotation button placement is expected to enhance accessibility and user-friendliness for clients. This improvement is anticipated to boost the number of requests for quotations and sales.

02
Highlighting the Key Information on the Product Card!

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

03
Changing Card Category Styles to Improve Readability and Comprehension!

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

01
Improved Accessibility with Placement of "Request Quotation" Button

The redesign of the Request Quotation button placement is expected to enhance accessibility and user-friendliness for clients. This improvement is anticipated to boost the number of requests for quotations and sales.

02
Highlighting the Key Information on the Product Card!

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

03
Changing Card Category Styles to Improve Readability and Comprehension!

We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights

PROTOTYPE

Final Prototype

Final Prototype

Finally, I finished creating a hi-fidelity prototype based on the changes made from the feedback and style guide.

THE STYLE GUIDE

Blending Youthful Fun with Minimalist Modern Design

Blending Youthful Fun with Minimalist Modern Design

Following client feedback and implementing changes in the prototype, I began developing a style guide for the final version. To capture the spirit of our app, I designed a fun and youthful palette with minimalist, modern elements, complemented by a simple, easy-to-read typeface.

LAUNCH & TESTING

Delays and Constraints in Launching the MROline App

Delays and Constraints in Launching the MROline App

Delay in Launching

Internal issues with the development vendor led to delays and the launch of the app with incomplete features.

Launching Without Key Features

Some key features may not work or are not fully available at launch, causing users to be unable to use the app as expected.

Limited Functionality Testing

Users have difficulty navigating, finding products, or making transactions because key features are not working properly.

LAUNCH & TESTING

Delays and Constraints in Launching the MROline App

Delay in Launching

Internal issues with the development vendor led to delays and the launch of the app with incomplete features.

Launching Without Key Features

Some key features may not work or are not fully available at launch, causing users to be unable to use the app as expected.

Limited Functionality Testing

Users have difficulty navigating, finding products, or making transactions because key features are not working properly.

LEASON LEARNED

LEASON LEARNED

Reflection & Takeaways

Reflection & Takeaways

Learning About Scalable Design Decisions

  • First project in procurement sector, gaining insights into RFQ management in electricity sector.

  • Importance of making design decisions based on reason, not aesthetics alone.

The Importance of Vendor Selection in App Development

  • Choosing an experienced and skilled vendor.

  • Efficient project management to avoid delays.

  • Evaluating the development team's skills and engagement.

LEASON LEARNED

Reflection & Takeaways

Learning About Scalable Design Decisions

  • First project in procurement sector, gaining insights into RFQ management in electricity sector.

  • Importance of making design decisions based on reason, not aesthetics alone.

The Importance of Vendor Selection in App Development

  • Choosing an experienced and skilled vendor.

  • Efficient project management to avoid delays.

  • Evaluating the development team's skills and engagement.

Menu

Let’s Discuss

Planning a project?

tell me about it

Home

Portfolio

Contact

About Me

Let’s Discuss

Planning a project?

tell me about it

Home

Portfolio

Contact

About Me

Let’s Discuss

Planning a project?

tell me about it

Home

Portfolio

Contact

About Me

Create a free website with Framer, the website builder loved by startups, designers and agencies.