Pelindo

Pelindo

Pelindo

Portaverse : Super App for Pelindo Employee

Portaverse : Super App for Pelindo Employee

Portaverse is a super app owned by Pelindo to optimize the interaction processes among employees and also to enhance the performance of each employee spread across the country.

Starting in 2022, we create and design three different products from scratch. From analyzing business processes to deploy to web and mobile app for this project.

Device

Web & Mobile App

Role

Lead Product Designer & Product Manager

Team

4 People

Year

2022 - Now

WHAT IS THE BIGGEST CHALLENGE THEY ARE FACING?

Imagine you're in a big goverment company with almost 10.000 employees and you're just merged from 4 different holding into one big centered holding. The first question that comes in mind are "How to make sure everyone from different holdings have an equal competency maturity?"

What they need is not a sharing session or enroll into many courses, at least not for now. What they need is to connect everyone from different holdings to communicate and sharing knowledge into each other. That is why we build a Portaverse. A super app platform for Pelindo to complete and connect every employee in Indonesia.

User Persona

User Persona

From the information given, Pelindo currently has 13.000 active employees with an age range between 21 & 55. The challenge we're facing are we need to ensure the user experience is familiar and easy to use for everyone. Here's a brief information for the users who will use the app.

Name

Adi

Adi

Age

40

40

Daily App

Linkedin, Facebook, Microsoft Suites

Linkedin, Facebook, Microsoft Suites

App Behaviour

Don't like complicated UX flow

Don't like complicated UX flow

Like a simple and informative user interface

Like a simple and informative user interface

Want to post his daily activities

Want to post his daily activities

Name

Syifa

Syifa

Age

24

24

Daily App

Instagram, E-Commerce, Gojek

Instagram, E-Commerce, Gojek

App Behaviour

Frequently using a super app

Frequently using a super app

Used to post about their daily activities

Used to post about their daily activities

Prefer using a simple and clear app

Prefer using a simple and clear app

Define User Problem & Needs

Define User Problem & Needs

When entering the business process phase our clients need to explain the business requirements for the product. As a product designer, I need to define what problem the clients have. From there, I have to break down each problem from clients.

Product Creation Process

Product Creation Process

Within our Software Development Life Cycle (SDLC), we avoid sticking to a specific model. Our fundamental approach is based on the Waterfall method, due to our priority of swiftly shipping the product. The trajectory of the product's development includes numerous iterations, as we consistently incorporate client feedback. While the SDLC can be energy-draining, it significantly expedites the pace of product development.

User Flow

User Flow

Before gaining access to the system, a single-sign-on dashboard is available for users to log in. Upon successful login, users are taken directly to the dashboard home page, which like a NEST for all the necessary details about Portaverse. This page also presents the choice of three platforms: KMS, LMS, or TMS. Each platform, such as KMS, offers its own unique navigation menu.

Overview Flow

Overview Flow

Implementing Userflow to Wireframe

Implementing Userflow to Wireframe

Here's a wireframe preview for the landing page. In here we can see the requirement from landing page is already implemented in this wireframe

Wireframe to UI Design

Wireframe to UI Design

Here's a wireframe preview for the landing page. In here we can see the requirement from landing page is already implemented in this wireframe

FACING CHALLENGE

FACING CHALLENGE

How to put all menus in landing page?

How to put all menus in landing page?

When knowing it would be a super app, me and my team gathered a meeting to find a solution in order to accommodate putting all the menus on the landing page. We have a several approach by finding an existing app that already implement this method. We find two apps that exactly use this kind of approach. The first one is Gojek (left). The second one is OLX (right).

After a long discussion, we agreed to use Gojek approach because it's more relevant and more simple from what we want to create.

Solution

Solution

This is the solution to our design challenge. With using the Gojek method we can save up some space and provide the entire menu with additional descriptions. Using this approach users can utilize their user experience and familiar ways to provide such many information.

Key Takeaways

The development of the application was the most memorable experience for me. There were numerous challenges in creating the user interface and understanding the product. The most memorable aspect for me was when my colleagues and I determined solutions through collective decision-making. Iteration also served as a fundamental pillar for us to learn how to create a good product; it wasn't perfect, but it was approaching perfection. Undoubtedly, building an application used by thousands of users with diverse personalities is no easy task. Portaverse taught me to be a good leader to my subordinates and a good colleague to my peers.

User Scale

User Scale

13.000

13.000

User Scale

13.000

Menu Created

Menu Created

21

21

Menu Created

21

Download

Download

5.000+

5.000+

Download

5.000+

Currently accepting clients

Currently accepting clients

Interested?

Interested?

Interested?

Reach me

Reach me

Reach me

Currently accepting clients

Interested?

Reach me

Currently accepting clients

Interested?

Reach me

Currently accepting clients

Interested?

Reach me