Final product design for the Plody project
Final product design for the Plody project
Final product design for the Plody project

Context

Supplier ordering chaos

Supplier ordering chaos

This project came from my years working in hospitality, where managing supplier orders was often confusing. We deal with many suppliers daily, each with different ordering methods—text, website, phone, and app— and deadlines, which made things tricky.

Tool

Figma, Miro

Timeline

8 Weeks (Jan 2024 - Mar 2024)

My Role

Product Designer

Problem

Low Morale—

Struggling with Conflicting Order Methods, Deadlines, & Team Communication

Different ways to place orders and deadlines cause confusion and missed orders, especially when multiple people are involved in ordering process.

Different ways to place orders and deadlines cause confusion and missed orders, especially when multiple people are involved in ordering process.

Goal

Stay Productive—

Streamlined System & Effortless Teamwork

Elevate productivity and improve workflow efficiency by simplifying the ordering process from multiple suppliers through a centralised platform.

Elevate productivity and improve workflow efficiency by simplifying the ordering process from multiple suppliers through a centralised platform.

An illustration of Two men looking at a game board to find a problem
An illustration of Two men looking at a game board to find a problem
An illustration of Two men looking at a game board to find a problem

User Interview

Need for a system

Need for a system

To better understand the challenges users face, I interviewed three people working in different roles at a cafe about their experiences with the ordering system. Each had unique pain points and goals, but they all shared one common need: they need a system that could assist them.

Arjun

Arjun

Head Chef

Pain Points

I handle stock and order kitchen supplies, but some items have to be ordered from the front, which gets confusing.

Goal

Better team communication and inventory management

Sophie

Sophie

General Manager

Pain Points

I feel bad because sometimes I forget to order supplies, and my boss has to fix it. I'm tired of all the endless multitasking.

Goal

A system to help us be productive and organised

Jisoo

Jisoo

Barista

Pain Points

Suppliers have different ordering methods and varying cut-off times and holiday closures. It's confusing.

Goal

A unified system and process for a stress-free workflow

Preview: Design snapshots and Impact

Preview: Design snapshots and Impact

Preview: Design snapshots and Impact

User Flow

What’s the journey for ordering from suppliers?

User flow of Plody showing the user's journey for ordering from suppliers
User flow of Plody showing the user's journey for ordering from suppliers
User flow of Plody showing the user's journey for ordering from suppliers
User flow of Plody showing the user's journey for ordering from suppliers

User Persona

User persona of David, a cafe owner, looking for a system to facilitate smooth order management.
User persona of David, a cafe owner, looking for a system to facilitate smooth order management.
User persona of David, a cafe owner, looking for a system to facilitate smooth order management.
User persona of David, a cafe owner, looking for a system to facilitate smooth order management.
User persona of Emily, a cafe manager, looking for ways to enhance team communication
User persona of Emily, a cafe manager, looking for ways to enhance team communication
User persona of Emily, a cafe manager, looking for ways to enhance team communication

Wireframe

Six wireframe screens showing the ordering process.
Six wireframe screens showing the ordering process.
Six wireframe screens showing the ordering process.
Six wireframe screens showing the ordering process.

Hi-Fi Design (Version 1)

Seven high-fidelity screens showing the ordering process.
Seven high-fidelity screens showing the ordering process.
Seven high-fidelity screens showing the ordering process.
Seven high-fidelity screens showing the ordering process.

Design Feedback

Calling for a simple & intuitive flow

I shared my design with interviewees for feedback. Here's the feedback theme:


  • The three colors on the order page can be confusing. Users prefer seeing specific numbers for par level and order amount rather than just colors.

  • Opening and closing menus on the home screen can be a bit annoying, especially when everything is open.

  • The home screen has too much information, making it unclear what is the most important.

In-depth Interview

No more one-size-fits-all & one-way chats 🙅

Hayoon having an user interview with a cafe owner at a cafe
Hayoon having an user interview with a cafe owner at a cafe
Hayoon having an user interview with a cafe owner at a cafe

To dig deeper, I decided to conduct an In-depth interview with another potential user. I spoke with a cafe owner who runs a local shop with 16 employees. He manages approximately ten suppliers, with about five staff members involved in the ordering process. I asked him what he finds most challenging about the supplier ordering process from his perspective and why it's difficult. I also inquired about what he needs the most in this process. Here's what I learned:

01

01

01

Personalised experience

Personalised experience

Personalised experience

  • It would be great if the most ordered items are easy to find on the list. Also, having a way to save favourite items and make personalised ordering templates would make things much better.

  • For smoother work and better planning, suggesting having notifications or clear order cutoff times displayed.

  • It would be great if the most ordered items are easy to find on the list. Also, having a way to save favourite items and make personalised ordering templates would make things much better.

  • For smoother work and better planning, suggesting having notifications or clear order cutoff times displayed.

02

02

Fast communication

Fast communication

  • Delivery mistakes are frustrating and frequent. The company's busy phone lines make it hard to get help. Some companies offer direct feedback through their system, which is very helpful.

  • Delivery mistakes are frustrating and frequent. The company's busy phone lines make it hard to get help. Some companies offer direct feedback through their system, which is very helpful.

02

Fast communication

Final Design

Highlighting Plody’s interactive features for user engagement.
Highlighting Plody’s interactive features for user engagement.
Highlighting Plody’s interactive features for user engagement.
Highlighting Plody’s interactive features for user engagement.
Highlighting Plody’s user-friendly features.
Highlighting Plody’s user-friendly features.
Highlighting Plody’s user-friendly features.
Highlighting Plody’s user-friendly features.
Highlighting Plody’s accessible and intuitive features.
Highlighting Plody’s accessible and intuitive features.
Highlighting Plody’s accessible and intuitive features.
Highlighting Plody’s accessible and intuitive features.

Flow in Action

Tablet Version

From the interview, I learned our users mainly use the app on phones, with tablets as the next popular choice. So, I added a dashboard screen for tablets in the design.

Dashboard screenshot of the tablet version of Plody
Dashboard screenshot of the tablet version of Plody
Dashboard screenshot of the tablet version of Plody

Testimonial & Impact

Testimonial from a cafe owner praising the app for reducing workload by about 25%
Testimonial from a cafe owner praising the app for reducing workload by about 25%
Testimonial from a cafe owner praising the app for reducing workload by about 25%

Takeaways

👥

Learn from users

I learned that involving users from different positions brings unique perspectives, helping me understand problems more deeply. Listening to and learning from diverse users is essential.

👥

Learn from users

💭

💭

Design Thinking Process

Design Thinking Process

Overall, this experience provided a comprehensive understanding of the design thinking process and underscored the significance of iteration in solving user problems.

✍️

Pixel-Perfect UI Design

In this project, I was mainly focused on understanding the big picture of the design thinking process. Next time, I want to ensure the design is more visually appealing as well.

✍️

Pixel-Perfect UI Design

♿️

Accessibility

After completing this project, I realised I didn't give enough thought to accessibility. It's crucial that everyone can engage with and use what I create. So, in my next project, I'll focus on breaking down those barriers.

♿️

Accessibility

Takeaways

👥

Learn from users

I learned that involving users from different positions brings unique perspectives, helping me understand problems more deeply. Listening to and learning from diverse users is essential.

💭

Design Thinking Process

Overall, this experience provided a comprehensive understanding of the design thinking process and underscored the significance of iteration in solving user problems.

✍️

Pixel-Perfect UI Design

In this project, I was mainly focused on understanding the big picture of the design thinking process. Next time, I want to ensure the design is more visually appealing as well.

♿️

Accessibility

After completing this project, I realised I didn't give enough thought to accessibility. It's crucial that everyone can engage with and use what I create. So, in my next project, I'll focus on breaking down those barriers.