B2B Wholesale App

Yo-Kulak

Yo-Kulak, a B2B wholesale app for elderly warung owners in Kota Semarang, is undergoing a user-friendly design update from its 2021 version. This case study addresses user challenges and proposes UI/UX improvements based on available information and QA team feedback, aiming to make the app more efficient.

Year

2022

Role

UI/UX Designer

Platform

Mobile Apps (Android)

Problem

The core problem identified is the "inefficient and time-consuming process of procuring wholesale products for elderly warung owners in Semarang city.

/ 1 / User Segment

User Segement

Elderly Warung Owners aged 30 and above

Assumptions About Users

  • Elderly warung owners struggle with technology.

  • They often buy items in bulk from wholesale markets.

  • They use apps occasionally but are open to technology.

  • They frequently order popular items for their warungs.

  • Cash transactions are their primary mode of business.

/ 2 / Pain Point

Assumption-Driven Pain Point

1

Limited Technology Proficiency

Elderly users may struggle with app navigation and require a simplified interface.

2

Visual Impairments

Small fonts and unclear visuals could hinder users with visual impairments. Accessibility is a significant concern.

3

Resistance to Change

Users might resist adopting new technology, so the app needs to be designed for ease of use.

3

Product Availability

Users have concerns about product availability and ordering efficiency. They need assurance that they can obtain the items they need.

Stakeholder-Driven Pain Point

1

Closing Warungs for Market Visits

Elderly warung owners need to temporarily close their warungs to visit wholesale markets, causing inconvenience to their customers and potentially leading to revenue loss.

2

Finding Specific Products

It is challenging to find specific products that are ready and available at the wholesale market, resulting in time wastage.

3

Product Availability in Wholesale Markets

Products are not always readily available in the market, leading to uncertainty and potential frustration.

3

Minimum Purchase Quantities

Warung owners must buy in significant quantities to qualify for wholesale prices, potentially affecting their financial flexibility and leading to excess inventory.

Affinity Map

The grouped assumption pain points on our Affinity Map reveal key insights into challenges faced by elderly users.

Elderly Users

Limited tech proficiency

Resistance to change

Visual impairments

Frequent Bulk Order Needs

Closing warungs for market visits

Finding specific products

Product availability in wholesale markets

Minimum purchase quantities

Semi-Regular App Usage

Resistance to change

Product availability

Cash Transactions

Resistance to change

Purchase of Popular Items

Product availability

/ 3 / Design

Information Architecture

User Flow (Checkout from Favorite Products)

Design UI

Daftar (Sign Up)

In the account creation process, users input their information and then wait for confirmation from sales personnel. If the data is complete and accurate, and the user is located in the Yokulak service zone, they can become Mitra Warung Yokulak

Beranda (Home)

On the home screen, users can explore

(1) Banner promotions.

(2) Product categories.

(3) Ongoing promotions.

(4) Recommended products.

Pilih Waktu Pengantaran

(Choose Delivery Time)

Users can choose a date and time available for delivery.

UIi Kit / Typography

INTER

WHERE AS A COMMON UNDERSTANDING OF THESE RIGHTS AND FREEDOMS IS

Everyone has the right to an effective remedy by the competent national tribunals for acts violating the fundamental rights granted him by the constitution or by law.

H2

Inter - Semi Bold - 20pt

H1

Inter - Semi Bold - 24pt

H3

Inter - Semi Bold - 16pt

H4

Inter - Semi Bold - 14pt

Paragraph 1

Inter - Regular - 16pt

Paragraph 2

Inter - Regular - 14pt

Button

Inter - Semi Bold - 14pt

UI Kit / Color

HEX #FFFFFF

HEX #6345CC

HEX #515151

HEX #1C1B1E

HEX #303034

HEX #303034

HEX #303034

UI Kit / Button

UI Kit / Component

Prototyping

To access the prototype, please click the button below

/ 3 / Design

Testing

In this process, testing is carried out by QA. Iterations are done based on feedback from QA and also the client.

Iteration

/Design UI /Login

In the design phase, I included checkboxes to allow users to select the products they wish to checkout. However, elderly users may face difficulties with this feature. They sometimes forget to check items, and the 'remove all' option proves to be less helpful

Key Takeaways

The Yo-Kulak case study highlights a user-focused redesign, specifically addressing challenges faced by elderly warung owners. Despite limitations in direct user research, we navigated through pain points and assumptions, leveraging insights from internet research. Working with the QA team and receiving feedback from real users through our client helps us make decisions and continuously improve the app for everyone.


Thankyou for Reading

If you have any questions or if you'd like to collaborate, feel free to contact me.

2:37:11 PM

Designer based in Indonesia

© 2023 Asyah Puspitasari