X-SuperApp

X-SuperApp

X-SuperApp

X-SuperApp

Revolutionize logistics with an all-in-one superapp – a seamless solution for eCommerce for Trade Facilitation.

Revolutionize logistics with an all-in-one superapp – a seamless solution for eCommerce for Trade Facilitation.

Revolutionize logistics with an all-in-one superapp – a seamless solution for eCommerce for Trade Facilitation.

Revolutionize logistics with an all-in-one superapp – a seamless solution for eCommerce for Trade Facilitation.

PS: Due to a signed NDA, I can't disclose the project name. I upscaled the app's UI while maintaining the original structure.

PS: Due to a signed NDA, I can't disclose the project name. I upscaled the app's UI while maintaining the original structure.

PS: Due to a signed NDA, I can't disclose the project name. I upscaled the app's UI while maintaining the original structure.

PS: Due to a signed NDA, I can't disclose the project name. I upscaled the app's UI while maintaining the original structure.

Role: UI/UX Desiner

2023

Role: UI/UX Desiner

2023

Role: UI/UX Desiner

2023

Role: UI/UX Desiner

2023

Overview

Overview

Overview

Overview

Leveraging extensive expertise in eCommerce for Trade Facilitation, this organization excels in crafting tailored solutions. Their proficiency spans logistics, technology, and daily operations, ensuring a unique and effective approach.


We were tasked with crafting a comprehensive superapp entirely from the ground up, designed for both consumer and internal use. This all-in-one solution serves to monitor and manage a spectrum of eSolutions tailored for their Trade Facilitation needs.

Leveraging extensive expertise in eCommerce for Trade Facilitation, this organization excels in crafting tailored solutions. Their proficiency spans logistics, technology, and daily operations, ensuring a unique and effective approach.


We were tasked with crafting a comprehensive superapp entirely from the ground up, designed for both consumer and internal use. This all-in-one solution serves to monitor and manage a spectrum of eSolutions tailored for their Trade Facilitation needs.

Leveraging extensive expertise in eCommerce for Trade Facilitation, this organization excels in crafting tailored solutions. Their proficiency spans logistics, technology, and daily operations, ensuring a unique and effective approach.


We were tasked with crafting a comprehensive superapp entirely from the ground up, designed for both consumer and internal use. This all-in-one solution serves to monitor and manage a spectrum of eSolutions tailored for their Trade Facilitation needs.

Leveraging extensive expertise in eCommerce for Trade Facilitation, this organization excels in crafting tailored solutions. Their proficiency spans logistics, technology, and daily operations, ensuring a unique and effective approach.


We were tasked with crafting a comprehensive superapp entirely from the ground up, designed for both consumer and internal use. This all-in-one solution serves to monitor and manage a spectrum of eSolutions tailored for their Trade Facilitation needs.

Process

Process

Process

Process

Research

Ideation

Design

Handoff

Research

Ideation

Design

Handoff

Research

Ideation

Design

Handoff

Research

Ideation

Design

Handoff

Duration

Duration

Duration

Duration

< 4 weeks

< 4 weeks

< 4 weeks

< 4 weeks

Pain Points

Pain Points

Pain Points

Pain Points

Lack of a single access channel for customers to access services such as transactional processing, payment and trade facilitation in an integrated, structured and automated manner

Lack of a single access channel for customers to access services such as transactional processing, payment and trade facilitation in an integrated, structured and automated manner

Lack of a single access channel for customers to access services such as transactional processing, payment and trade facilitation in an integrated, structured and automated manner

Lack of a single access channel for customers to access services such as transactional processing, payment and trade facilitation in an integrated, structured and automated manner

Solution

Solution

Solution

Solution

A single integrated application, so customers would only be required to download and install 1 application to conduct multiple business transactions

A single integrated application, so customers would only be required to download and install 1 application to conduct multiple business transactions

A single integrated application, so customers would only be required to download and install 1 application to conduct multiple business transactions

A single integrated application, so customers would only be required to download and install 1 application to conduct multiple business transactions

process

1

Research

Prior to the workshop, we received limited information except for the client's desire for a unified E-Services application. With only their website as a reference point, we engaged in a comprehensive analysis to discern the services they offer. This process allowed us to formulate insightful questions, ensuring a thorough requirement gathering during the workshop.

Before Workshop Questions

After Workshop Finds

process

1

Research

Prior to the workshop, we received limited information except for the client's desire for a unified E-Services application. With only their website as a reference point, we engaged in a comprehensive analysis to discern the services they offer. This process allowed us to formulate insightful questions, ensuring a thorough requirement gathering during the workshop.

Before Workshop Questions

After Workshop Finds

process

1

Research

Prior to the workshop, we received limited information except for the client's desire for a unified E-Services application. With only their website as a reference point, we engaged in a comprehensive analysis to discern the services they offer. This process allowed us to formulate insightful questions, ensuring a thorough requirement gathering during the workshop.

Before Workshop Questions

After Workshop Finds

process

1

Research

Prior to the workshop, we received limited information except for the client's desire for a unified E-Services application. With only their website as a reference point, we engaged in a comprehensive analysis to discern the services they offer. This process allowed us to formulate insightful questions, ensuring a thorough requirement gathering during the workshop.

Before Workshop Questions

After Workshop Finds

process

2

Ideation

Following the intensive and fruitful three-day workshop, we promptly compiled all the valuable notes and captured requirements, diving straight into action. Swiftly, we meticulously developed user journeys, information architecture (IA), and wireframes for both the mobile app and dashboard.

process

2

Ideation

Following the intensive and fruitful three-day workshop, we promptly compiled all the valuable notes and captured requirements, diving straight into action. Swiftly, we meticulously developed user journeys, information architecture (IA), and wireframes for both the mobile app and dashboard.

process

2

Ideation

Following the intensive and fruitful three-day workshop, we promptly compiled all the valuable notes and captured requirements, diving straight into action. Swiftly, we meticulously developed user journeys, information architecture (IA), and wireframes for both the mobile app and dashboard.

process

2

Ideation

Following the intensive and fruitful three-day workshop, we promptly compiled all the valuable notes and captured requirements, diving straight into action. Swiftly, we meticulously developed user journeys, information architecture (IA), and wireframes for both the mobile app and dashboard.

One of the 7 products sample user journey for the app

xsuperapp.com

One of the 7 products sample user journey for the app

xsuperapp.com

One of the 7 products sample user journey for the app

xsuperapp.com

One of the 7 products sample user journey for the app

xsuperapp.com

Wireframe - App

Wireframe - App

Wireframe - App

Wireframe - App

Wireframe - Desktop Dashboard

xsuperapp.com

Wireframe - Desktop Dashboard

xsuperapp.com

Wireframe - Desktop Dashboard

xsuperapp.com

Wireframe - Desktop Dashboard

xsuperapp.com

process

3

Design

process

3

Design

process

3

Design

process

3

Design

Now, we embark on the most thrilling phase – breathing life into our ideation. Fortunately, our client boasts an established design guideline encompassing their logo, brand colors, font type and etc. Ensuring a seamless and efficient design process, we meticulously crafted a Design Language System (DLS) aligned with their guidelines, containing all essential components for shaping the app and dashboard.

Now, we embark on the most thrilling phase – breathing life into our ideation. Fortunately, our client boasts an established design guideline encompassing their logo, brand colors, font type and etc. Ensuring a seamless and efficient design process, we meticulously crafted a Design Language System (DLS) aligned with their guidelines, containing all essential components for shaping the app and dashboard.

Now, we embark on the most thrilling phase – breathing life into our ideation. Fortunately, our client boasts an established design guideline encompassing their logo, brand colors, font type and etc. Ensuring a seamless and efficient design process, we meticulously crafted a Design Language System (DLS) aligned with their guidelines, containing all essential components for shaping the app and dashboard.

Now, we embark on the most thrilling phase – breathing life into our ideation. Fortunately, our client boasts an established design guideline encompassing their logo, brand colors, font type and etc. Ensuring a seamless and efficient design process, we meticulously crafted a Design Language System (DLS) aligned with their guidelines, containing all essential components for shaping the app and dashboard.

process

4

Handoff

process

4

Handoff

process

4

Handoff

process

4

Handoff

After finishing the design phase, we submitted it for validation to the client's key stakeholders, including the product manager, business analyst, and UI/UX compliance team. Upon receiving approval, we seamlessly handed off the designs to the client's development teams, even though our involvement didn't extend to development for this project. We ensured a smooth handover by including intricate design details such as the flow of the screens, the specs of each UI elements and more.

After finishing the design phase, we submitted it for validation to the client's key stakeholders, including the product manager, business analyst, and UI/UX compliance team. Upon receiving approval, we seamlessly handed off the designs to the client's development teams, even though our involvement didn't extend to development for this project. We ensured a smooth handover by including intricate design details such as the flow of the screens, the specs of each UI elements and more.

After finishing the design phase, we submitted it for validation to the client's key stakeholders, including the product manager, business analyst, and UI/UX compliance team. Upon receiving approval, we seamlessly handed off the designs to the client's development teams, even though our involvement didn't extend to development for this project. We ensured a smooth handover by including intricate design details such as the flow of the screens, the specs of each UI elements and more.

After finishing the design phase, we submitted it for validation to the client's key stakeholders, including the product manager, business analyst, and UI/UX compliance team. Upon receiving approval, we seamlessly handed off the designs to the client's development teams, even though our involvement didn't extend to development for this project. We ensured a smooth handover by including intricate design details such as the flow of the screens, the specs of each UI elements and more.

Personal

Personal

Personal

Personal

Reflection

Reflection

Reflection

Reflection

This project showed me how crucial it is to do thorough research. Enhancing your understanding of the subject matter through diligent research is key to crafting a successful product.


I discovered the importance of open communication when facing challenges, realizing that reaching out to both the team and the client for additional information or assistance is always an option. The client was consistently responsive, offering clarification and insights whenever the team sought guidance. My understanding of design was further enriched through collaborative efforts with team members. We collectively maintained an organized file system, fostering a productive work environment. I’m grateful to have team that was passionate, hardworking and overall great to collaborate with.

This project showed me how crucial it is to do thorough research. Enhancing your understanding of the subject matter through diligent research is key to crafting a successful product.


I discovered the importance of open communication when facing challenges, realizing that reaching out to both the team and the client for additional information or assistance is always an option. The client was consistently responsive, offering clarification and insights whenever the team sought guidance. My understanding of design was further enriched through collaborative efforts with team members. We collectively maintained an organized file system, fostering a productive work environment. I’m grateful to have team that was passionate, hardworking and overall great to collaborate with.

This project showed me how crucial it is to do thorough research. Enhancing your understanding of the subject matter through diligent research is key to crafting a successful product.


I discovered the importance of open communication when facing challenges, realizing that reaching out to both the team and the client for additional information or assistance is always an option. The client was consistently responsive, offering clarification and insights whenever the team sought guidance. My understanding of design was further enriched through collaborative efforts with team members. We collectively maintained an organized file system, fostering a productive work environment. I’m grateful to have team that was passionate, hardworking and overall great to collaborate with.

This project showed me how crucial it is to do thorough research. Enhancing your understanding of the subject matter through diligent research is key to crafting a successful product.


I discovered the importance of open communication when facing challenges, realizing that reaching out to both the team and the client for additional information or assistance is always an option. The client was consistently responsive, offering clarification and insights whenever the team sought guidance. My understanding of design was further enriched through collaborative efforts with team members. We collectively maintained an organized file system, fostering a productive work environment. I’m grateful to have team that was passionate, hardworking and overall great to collaborate with.