Passion Project

E-Commerce

Mobile App

Improving order flow and reducing profit loss for shop owners

A direct link for shop owners to suppliers—browse livestock, stay updated on prices, and order with ease.

App Mockup

Time

3 weeks

Role

UX Research, UI Design

Tools

Figma

Retailers often encounter order errors, resulting in financial losses.

Shop owners often face order mistakes and delivery delays due to miscommunication and the lack of real-time updates on stock availability and pricing, leading to business losses and strained relationships with suppliers.

Face the problems firsthand and explore how others are figuring out.

I used to work in this industry and saw these problems firsthand. I also spoke with other retail owners to understand the challenges they’re currently facing and how they try to solve them. On the other side, I talked with supplier staff and marketing teams to get their perspective on how these issues impact their relationships with retailers when things go wrong.

Shop owner checking his stocks with price

A smart, one-stop platform for everything retailers need.

Supplink helps retailers connect directly with suppliers, place orders easily, and view real-time updates on stock and pricing.

App Screen Mockup

No existing app brings supplier connections and ordering together in one seamless platform.

When I looked deeper into the industry in Myanmar, I noticed that many suppliers already have their own ordering apps, while some still don’t. But even with those apps, retailers can’t really order directly — they usually need company approval first. As a result, the apps don’t actually make things easier for them.

Criteria

Criteria

Pohpaymel

Pohpaymel

Azay

Azay

DigitalFusion

DigitalFusion

BaganMart

BaganMart

Supplink

Supplink

Real time stock & price updates

Real time stock & price updates

Order delivery tracking

Order delivery tracking

All suppliers in one place

All suppliers in one place

Product details with images

Product details with images

Cross-Supplier ordering

Cross-Supplier ordering

Competitor Analysis

Understanding both the retailers and suppliers' behaviours

To better understand the needs of both retailers and suppliers, I created two personas—one for each group. They helped me see the common challenges both groups face and how they’re currently dealing with them.

User Persona Profile

“Sometimes I don’t even know if my order went through until the delivery shows up or doesn’t.”

corner-store chaw chaw

Small Convenience Store Owner

Pain Points

Workarounds

Prices often changes without notice.

Keeps a notebook of past prices and calls multiple suppliers.

Orders get delayed or missed, and there’s no proper confirmation.

Follows up with voice calls or sends reminder messages after every order.

Difficult to find new or alternative products when existing ones go out of stock.

Asks around in her small business group chats or waits for supplier reps to visit.

User Persona Profile

"I always worry that one wrong delivery could damage the trust I’ve built with my customers."

Local supplier ko min

Beverage Distributor

Pain Points

Workarounds

Orders come from too many channels and are hard to keep track of.

Writes down manually on his notebooks.

Retailers often miss price updates or stock changes.

Sends updates manually through group messages or one-on-one chats.

Incorrect items are delivered to retailers.

Tries to confirm each order with a follow-up call

Shop owners are currently facing uncertainty with orders.

This is the user journey map that shop owner is currently experiencing in the market.

Steps

Steps

Steps

Steps

Plan What to Order

Plan What to Order

Plan What to Order

Plan What to Order

Find Suppliers

Find Suppliers

Find Suppliers

Find Suppliers

Order Items

Order Items

Order Items

Order Items

Services

Services

Services

Services

Receive Order

Receive Order

Receive Order

Receive Order

user Actions

user Actions

user Actions

user Actions

  • Gather item list that require to order

  • Gather item list that require to order

  • Gather item list that require to order

  • Gather item list that require to order

  • Search phone number

  • Open each supplier app

  • Search phone number

  • Open each supplier app

  • Search phone number

  • Open each supplier app

  • Search phone number

  • Open each supplier app

  • Tell supplier required items

  • Click to order

  • Tell supplier required items

  • Click to order

  • Tell supplier required items

  • Click to order

  • Tell supplier required items

  • Click to order

  • Waiting order to receive

  • Waiting order to receive

  • Waiting order to receive

  • Waiting order to receive

  • Check the delivered items.

  • Check the delivered items.

  • Check the delivered items.

  • Check the delivered items.

Feeling

Feeling

Feeling

Feeling

  • Excite to gather item list

  • Excite to gather item list

  • Excite to gather item list

  • Excite to gather item list

  • Frustrating to do many phones calls

  • Frustrating to do many phones calls

  • Frustrating to do many phones calls

  • Frustrating to do many phones calls

  • Anxious about available items

  • Anxious about available items

  • Anxious about available items

  • Anxious about available items

  • Annoying about late response

  • Annoying about late response

  • Annoying about late response

  • Annoying about late response

  • Overwhelmed receiving incorrect order

  • Overwhelmed receiving incorrect order

  • Overwhelmed receiving incorrect order

  • Overwhelmed receiving incorrect order

Pain Points

Pain Points

Pain Points

Pain Points

  • Doesn’t know new arrival items

  • Doesn’t know new arrival items

  • Doesn’t know new arrival items

  • Doesn’t know new arrival items

  • Phone number often changes

  • Need to wait salesperson to come in turn

  • Bad response and behaviour of salesperson

  • Phone number often changes

  • Need to wait salesperson to come in turn

  • Bad response and behaviour of salesperson

  • Phone number often changes

  • Need to wait salesperson to come in turn

  • Bad response and behaviour of salesperson

  • Phone number often changes

  • Need to wait salesperson to come in turn

  • Bad response and behaviour of salesperson

  • Not sure order is available or not

  • Misunderstanding item names, quantity

  • Some apps needs order confirmation by salesperson in person to shop

  • Not sure order is available or not

  • Misunderstanding item names, quantity

  • Some apps needs order confirmation by salesperson in person to shop

  • Not sure order is available or not

  • Misunderstanding item names, quantity

  • Some apps needs order confirmation by salesperson in person to shop

  • Not sure order is available or not

  • Misunderstanding item names, quantity

  • Some apps needs order confirmation by salesperson in person to shop

  • Supplier late response that order will be delayed

  • Unavailable items after waiting long time

  • Supplier late response that order will be delayed

  • Unavailable items after waiting long time

  • Supplier late response that order will be delayed

  • Unavailable items after waiting long time

  • Supplier late response that order will be delayed

  • Unavailable items after waiting long time

  • Incorrect quantity and ordered items

  • Payment is incorrect

  • Incorrect quantity and ordered items

  • Payment is incorrect

  • Incorrect quantity and ordered items

  • Payment is incorrect

  • Incorrect quantity and ordered items

  • Payment is incorrect

Opportunities

Opportunities

Opportunities

Opportunities

  • An app that displays all items

  • An app that displays all items

  • An app that displays all items

  • An app that displays all items

  • A list showing all suppliers

  • Connect supplier with shop code

  • A list showing all suppliers

  • Connect supplier with shop code

  • A list showing all suppliers

  • Connect supplier with shop code

  • A list showing all suppliers

  • Connect supplier with shop code

  • A good user-friendly interface that displays all items in detail with up-to-date data

  • Order directly reached to suppliers

  • A good user-friendly interface that displays all items in detail with up-to-date data

  • Order directly reached to suppliers

  • A good user-friendly interface that displays all items in detail with up-to-date data

  • Order directly reached to suppliers

  • A good user-friendly interface that displays all items in detail with up-to-date data

  • Order directly reached to suppliers

  • A tab that can check all order status

  • A tab that can check all order status

  • A tab that can check all order status

  • A tab that can check all order status

  • Delivered order items are correct

  • Offers trusted payment

  • Delivered order items are correct

  • Offers trusted payment

  • Delivered order items are correct

  • Offers trusted payment

  • Delivered order items are correct

  • Offers trusted payment

Feeling

Feeling

Feeling

Feeling

User Journey Map

How might we make it easier and quicker for Corner-Store Chaw Chaw to order from suppliers?

The user journey begins with registering their shop name. From there, they can explore suppliers, place orders directly, and track those orders in real time.

Shop verification

She registers her shop and receives an outlet code, which is used to connect with suppliers.

Explore suppliers and products

From there, she can explore suppliers and browse available products.

Connect with suppliers

Using her outlet code, she can easily connect directly with suppliers. A green checkmark indicates suppliers she’s already connected with.

Place orders

She can place orders from multiple connected suppliers at the same time.

Check item detail

She can check each of the item detail and description.

Track order status

She can easily track the status of her orders from each supplier—whether they’re in progress, cancelled, or delivered.

Shop owner Chaw Chaw is happy with updated order flows

Boom!
Chaw Chaw finds suppliers easily and orders faster with just a few clicks.

Boom!
Chaw Chaw finds suppliers easily and orders faster with just a few clicks.

Information Architecture

To provide visual indication of SuppLink, I create information architecture of the product. It helps to easy understand where the user is and where the requested information is.

Onboarding

Onboarding

Onboarding

Onboarding

Register

Register

Register

Register

Login

Login

Login

Login

Verify User

Verify User

Verify User

Verify User

Home Screen

Home Screen

Home Screen

Home Screen

Home

Home

Home

Home

Order

Order

Order

Order

Cart

Cart

Cart

Cart

Profile

Profile

Profile

Profile

Supplier

Supplier

Supplier

Supplier

Product

Product

Product

Product

Search

Search

Search

Search

Progress

Progress

Progress

Progress

Cancel

Cancel

Cancel

Cancel

Deliver

Deliver

Deliver

Deliver

Existing Supplier

Existing Supplier

Existing Supplier

Existing Supplier

New Supplier

New Supplier

New Supplier

New Supplier

Item List

Item List

Item List

Item List

Add To Cart

Add To Cart

Add To Cart

Add To Cart

Checkout

Checkout

Checkout

Checkout

Payment

Payment

Payment

Payment

Result Item List

Result Item List

Result Item List

Result Item List

Current Order List

Current Order List

Current Order List

Current Order List

Cancel Order List

Cancel Order List

Cancel Order List

Cancel Order List

Complete Order List

Complete Order List

Complete Order List

Complete Order List

Un checkout Item List

Un checkout Item List

Un checkout Item List

Un checkout Item List

User Details

User Details

User Details

User Details

From new user registration to tracking orders

This is the main user flow from registration of new user, exploring suppliers and order products to successfully tracking orders.

User flow from new user registration to order tracking

Colors for helping build credibility and trust

Supplink is made to build trust and make the process between retailers and suppliers more efficient. The color palette brings that idea to life—combining energy and reliability to give users a rich, confident experience.

Primary

#CC5500

Its boldness for confidence and reliability in business.

Secondary

#090D38

Uses to reflect intelligence and efficiency.

Accent

#007D0D

Uses for price tags and successful order status.

Accent

#FFD966

Uses for highlight labels.

Icons with outline styles

Outlined icons are chosen for a clean, minimalist look that enhances clarity and easy recognition for users.

Icons
Icons
Icons

Sans-serif font for clean, modern look

As SuppLink is focused on customer relationships experience, a clear, modern font matches to display data and look clean.

Lato

Lato

Lato

Lato

Lato

Lato

Regular/ Medium/ Semibold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789[{]}\|;:’”,<.>/?`~
!@#$%^&*()-=_+

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789[{]}\|;:’”,<.>/?`~
!@#$%^&*()-=_+

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789[{]}\|;:’”,<.>/?`~
!@#$%^&*()-=_+

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789[{]}\|;:’”,<.>/?`~
!@#$%^&*()-=_+

Title

Title

42px Semibold

42px Semibold

Header

Header

20px Medium

20px Medium

Body

16px Regular

Highlight Text

14px Semibold

Label

12px Regular

Wireframe

High fidelity design

SuppLink improves better B2B experience for both.

SuppLink builds trust and better relationships between shop owners and suppliers. It helps save time and a simple, easy and faster ordering for any items in one place.

As a shop owner

Quickly find and connect with suppliers the user needs

Up-to-date information for all products

Ordering becomes easy and error-free

Real-time order trackings

As a supplier

Real-time updates on pricing and availability, without the calls

Simplify marketing operations and reduce staffing needs

Grow dealer network faster and get more sales

Save time with automated order tracking

What I have learned from this project

Working on Supplink taught me how to align business goals with user needs, creating a smoother process for both retailers and suppliers. I also learned the importance of understanding target audiences and their behaviours to design more effectively. These insights guided my design decisions and helped me focus on making the experience smoother and more trustworthy for both. Through this project, I strengthened my skills in business logic, user research, UI design, and rapid prototyping.

Student Marketplace Screen Design Mockup

Simplifying the way to manage belongings without stress for international students

See More Details

See More Details

Branding Packaging Design Mockup

Expanding to new audiences through brand modernization

View Case Study

View Case Study

Designed with curiosity and bubble tea sips.

© 2025 Rina