I=! Portfolio | Tzu-Yun_Wang 設計作品集

A 100% green economy solu�on for the food industry

What is Tasteme?

Tasteme reduces food waste by using a sharing economy model. By selling mystery bags to consumers, restaurants offer products that are s�ll within their valid period but haven't sold out. Each mystery bag contains products that offer a value greater than the price paid for the bag.

Consumer Restaurants

NTD 50 for hundreds worth of delicious food.

Offer surplus food to reduce carbon emissions.

Why am I choosing Tasteme?

When I first tried Tasteme, I was impressed by the concept, but the user experience was lacking. Some func�ons were unclear, and users on the app store also shared the same complaints. I want to redesign the app to improve usability.

Goals for this project

Usability Enhancement

Enhance flow, redesign confusing features.

Op�mize app for sa�sfac�on

Enhance brand image to a�ract users.

Market and engage for sales boost

Achieve the product's original goal: Reduce food waste and carbon emissions.

Add feature

40 pounds of waste have been

Real-�me push no�fica�ons based on research and compe�tor consulta�on.

Reviews

Reviews Pain Points

Pain Points from the

APP store

Interface is not intui�ve:

Unable to exit the page a�er enterIng a store, screen space feels oppressive.

Missing push no�fica�on feature

Disorganized Informa�on Hierarchy

The map route is not clear. Unclear func�on naviga�on.

Informa�on is confusing: Stores that are not open s�ll appear at the top.

Unclear order status:

It does not show whether the store has accepted the order, past orders, or how many are le� available from the store.

Incongruous layout

Components extend beyond the screen and have uneven spacing.

Banner is too large and takes up too much space on the home page.

Unclear Informa�on

The menu is disorderly, and some func�ons should be integrated.

The invita�on page lacks informa�on hierarchy and is clu�ered without clear focus.

After researching and interviewing, I found other users shared my impression of Tasteme'simpressive concept, but lacked a satisfying user experience.

Non-intui�ve opera�on

No return to homepage from map explorer

Naviga�on from the home page to the store requires at least three layers, overly complicated.

Restaurants outside the city s�ll appear in the self-pickup op�on.

Design System

Task Flow Ordering Process

Problem Defination

Lack of clear objec�ves

Users must scroll to locate shopping op�ons.

Limited Favorites Feature

Users o�en choose based on stores rather than individual items when shopping, which restricts the user experience.

Restaurant details aren’t immediately apparent.

Numerous colors in the informa�on sec�on lack clear meaning.

Limited Payment Op�ons

Currently, customers who don't have credit cards are unable to use the service, which could lead to poten�al customer loss.

Limita�on of Shopping Cart Flexibility

The app currently requires checkout a�er each restaurant's order, poten�ally easing engineering work but limi�ng user op�ons.

Inefficient Naviga�on

If users want to modify their shopping list from the payment page, they need to navigate back through at least three layers of the app.

Home

Before A�er

Use red and green to indicate restaurant order status for easy user comprehension.

Inconsistent configura�ons and inaccurate informa�on hinder the priori�za�on of our food ordering service. Moreover, the self-pickup op�on erroneously shows stores in other ci�es.

Shop

Profile

Before

Before

Set logo as default avatar

Immediate visibility of a store's carbon footprint savings

A�er

A�er

Store informa�on is fragmented, making it hard to grasp at a glance. Excessive colors with unclear meanings, the necessity to scroll down to view products, and the inability to see full reviews or their dates diminish the app's userfriendliness.

Issues found include excessive whitespace, func�on conflicts, lack of an edi�ng feature for direct profile updates, and absence of a default avatar.

Directly check reviews without scrolling

Relocate

Profile edi�ng available

Add to Favorites for immediate use

Profile Menu

Post-design, I resolved the 'recent orders' and 'history record' conflict and reduced excess whitespace by add-ing a profile edit feature.

Ensure appropriate spacing for an aesthe�cally pleasing design. Reorganize for a clearer layout that improves visual clarity.

Avatar Issue

Corrected no default avatar by se�ng logo as default

Streamlining Menu

Profile Edit

Introduced edit func�on for direct profile updates to tackle the unavailability of profile edi�ng.

Integrated T Store's top-up func�on into T Wallet and centralized support in a unified Help Center.

User-friendly icons

Usability test and improvement

Compared

Increased task efficiency

As a bread lover, you want to use the Tasteme APP today to find a nearby bakery within walking distance from your home, and purchase a lucky bag from it.

Scenario Task

Select a lucky bag from any bakery in the store pickup op�on, and add it to your shopping cart

Confused about certain terms, unclear merchant informa�on, and inconsistent screen sizing.

(Start of Summer )

(Grain Buds)

(Grain in Ear)

( Summer Solstice)

(Minor Heat)

(Major Heat)

(Start of Autumn)

(End of Heat)

(White Dew)

(Autu mn Equinox)

(Cold Dew)(First Frost)

(Start of Winter)

(Minor Snow) (Major Snow)

(Winter Solstice)

(Minor Cold) (Major Cold)