Overview

Haipaket is a package delivery service under the Haitoko SuperApp, designed to help users send packages quickly, safely, and reliably within one city.

As the solo Product Designer, I led the entire design process — from user and business research, product flow, wireframes, and UI design to validating the experience with the team. I collaborated closely with stakeholders to align on goals, and worked with developers to ensure a smooth and scalable product experience from concept to launch.

Challenges

The key challenge was designing a delivery flow that stayed simple and intuitive while still capturing all required package details for business and operational needs. As the sole Product Designer, I had to streamline a form-heavy process into a smooth, lightweight experience — ensuring users could send packages quickly without feeling overwhelmed, and that the flow remained aligned with Haitoko’s overall ecosystem.

Understanding users and opportunities

[01]
Research

User Analysis

User Analysis

User analysis combined targeted interviews and competitive benchmarking to understand how people send packages, what they expect, and where existing services fall short. Insights from users and competitors revealed a clear need for simpler flows, transparent pricing, and reliable delivery updates.

User analysis combined targeted interviews and competitive benchmarking to understand how people send packages, what they expect, and where existing services fall short. Insights from users and competitors revealed a clear need for simpler flows, transparent pricing, and reliable delivery updates.

User Insights Summary

User Insights Summary

User Demographics Overview

User Demographics Overview

Product Requirement

Product Requirement

I began by gathering product requirements from stakeholders to identify key features and goals, ensuring the design aligns with both user needs and business priorities.

I began by gathering product requirements from stakeholders to identify key features and goals, ensuring the design aligns with both user needs and business priorities.

01

User can send package

Users will be able to select the recipient(s) and schedule the delivery of their package. Delivery just on the same city

02

User can custom their size package

Users will be able to select the size of the package based on their needs, with options for small, medium, and large sizes. User can custom their size of package, if the options can match with user size package.

03

User can send package to more than one receiver

Users will be able to send the same package to multiple recipients.

04

User can track the package in real-time

Users will be able to track the location and status of their package in real-time through the app. user can see the picture of recipients

Shaping the Solution

[02]
Ideation

User Flow

User Flow

Next stage I'll create the user flows to represent the series of steps that a user goes through to achieve a particular goal. User flow helps to visualize the path that a user takes when interacting with a product or system.

Next stage I'll create the user flows to represent the series of steps that a user goes through to achieve a particular goal. User flow helps to visualize the path that a user takes when interacting with a product or system.

Make Delivery

Make Delivery

Wireframe

The next step is for me to create a wireframe to communicate the layout and functionality of a digital product to stakeholders and developers. This allows me to refine the wireframe based on their input and insights.

The next step is for me to create a wireframe to communicate the layout and functionality of a digital product to stakeholders and developers. This allows me to refine the wireframe based on their input and insights.

Wireframe - Sending Packages

Wireframe - Sending Packages

Package Tracking

Package Tracking

Defining the Product Look & Feel

[03]
Hi-Fi Design

Prototyping

Prototyping

After creating user flows and wireframes that align with the business team, product manager, and developers, the next stage involves crafting Hi-Fidelity Designs and a Design System.

Make Delivery

Make Delivery

Package Tracking

Package Tracking

Validating the Experience

[04]
Testing

Usability Testing

Usability Testing

Ask the user to rate the design solutions offered on a scale of 1-7, and record the results provided by the user

01

Explore Page Information

User 1 : 6

User 2 : 6.5

User 3 : 6

02

Input Delivery Address

User 1 : 6

User 2 : 6

User 3 : 7

03

Package Details & Make Delivery

User 1 : 6

User 2 : 6

User 3 : 7

Good Points

Low shipping prices

For COD payments, it is useful because the user can choose who will pay the delivery fee: whether it will be the sender or the receiver of the packages

Nice and simple design

The information is clear

Key Takeaway & Learning

Key Takeaway & Learning

Key Takeaway & Learning

Being the solo designer on Haipaket meant owning the entire product experience—from defining requirements to aligning with business, operations, and engineering. Because Haipaket is a logistics product with strict shipment rules, ensuring clarity across terms, conditions, and input requirements was crucial.

Despite these constraints, users responded positively: they appreciated Haipaket’s affordable delivery prices, simple and intuitive flow, and flexible payment options—including COD and the ability to choose who covers the shipping cost.

Thanks for stopping by!

Open for opportunities and collaborations.
Or just a friendly hello! 👋

2025 ⓒ Crafted by Intan with 🤍 ☕️

Thanks for stopping by!

Open for opportunities and collaborations.
Or just a friendly hello! 👋

2025 ⓒ Crafted by Intan with 🤍 ☕️

Thanks for stopping by!

Open for opportunities and collaborations.
Or just a friendly hello! 👋

2025 ⓒ Crafted by Intan with 🤍 ☕️

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