Michelle Luo
Portfolio_2016/2018
Contents
Hi, my name is Michelle Luo. I am currently a UI/UX designer based in Taipei, Taiwan.
Michelle Luo Portfolio_2016/2018
01.
EasyBus A smartphone commute application designed for senior citizens. UI/UX
02.
wAiteR Service design for watiers to swiftly gain control of the big information that runs throughout the restaurant. UI/UX
03.
Product
1177Technologies Co.,LTD 1177PAY APP A fintech application designed for 1177Technologies. UI/UX
04.
Lifejacket Upcycle Service design that offers a job for Syrian refugees and to raise awareness regarding this crisis. UX
Product
2
Easybus A bus commute app for the elderly
EasyBus is a concept app designed for elderly citizens that have vision impairments and to free them from the feelings of anxiety whenever they take the buses in Taiwan.
Designers: Michelle Luo, Yao Tong, Pin-han Lyu
4
The Buses in taiwan We’ve noticed that the bus-taking population consists of mostly elderly people. As most bus drivers are reckless in Taiwan, we’ve also noticed that the bus transportation system is not very friendly towards this group of people.
taiwan becomes an aged society
51~60 years old
18% 71~80 years old
The blue line indicates the population under 15 years old, whereas the red line indicates the population over 65 years old. The black line represents the aging population index.
14%
4% over 81 years old
61~70 years old
63%
FIELD RESEARCH We’ve conducted a series of surveys and field research involving buses and seniors and developed this customer journey chart.
Before getting on
Waiting for the Bus Reading the Timetable
During the Ride
Slowly getting on the Bus Swiping Bus Card
Reading the Bus Stop Sign Bus Card in Hand
Getting On
Bus is Crowded Unble to Find Seat
On Smartphone Looking Outside Dozing off Bus Card in Hand
Getting Off
Getting Up from Seat Early (possibly from anxiety)
At Destination
Getting off the Bus
Standing at the Door Frantically looking for Bus Card
Not sure where to get on
Throughout the research, we’ve found out that many seniors are unsure when their bus is going to arrive, or when to get off. We’ve also discovered that many seniors are smartphone users, but many find the current commute apps are difficult to use. Therefore, we decided to create a smartphone applications for seniors that is easy to read and to use.
colour scheme & font Through conducted surveys, we’ve picked out the best colors and font best suited for seniors.
#231f20
Font: Hiragino Kaku Gothic
#48b9cc
#f0989b
Most users found that white text on a darker background was less stimulating and easier on their eyes.
6
User flow
smartphone app MAGNIFICATION Increase in size of the the font and buttons make it less stressful on the eyes of the user.
With simple steps and sorting fuctions, one can easily pick the shortest route.
BUS TIMETABLE We’ve enlarged the text on the interface, and included an APP reminder before arriving at the stop. This decreases the stress the user was experiencing.
Displays the spots nearby (ex: hospitals, schools, restaurants, etc)
SIMPLIFY We redesigned and simpliďŹ ed regular commutes APPs, removing unnecessary functions. We also included automatic sorting for the fastest route for the user.
REMINDER The APP detects where the user is currently located, using the vibrating function to remind the user that it is time to get o the bus.
8
waiter A UX service and app design for restaurants
Waiter is a concept design for large upperclass restaruants. This concept combines redesign of the restaurant service and augmented reality application design using IoT
Designers: Michelle Luo, Yao Tong
10
Modern-day resturants Restaruants today still require human effort to input information and sometimes we make mistakes! This causes an entire operation to slow down, causing customers to be unsatisfied, and inefficiency.
Massive data runs though high-class restaurants on a daily basis, and these are passed around through human effort. With human effort comes with human error; if an error were to occur, the entire operation of the restaurant would be less efficient.
INPUT INTO ORDER
POS SYSTEM
WAITER PICKS UP KITCHEN PREPARES ORDER
ORDER
ORDER IS SERVED
The process of restaurants today each step requires human effort.
Massive Orders
Customers Ordering
Payment
Waiters are faced with thousands of information each day, from taking orders to serving. They are often under a lot of stressful conditions.
service redesign With IoT and augmented reality technology, the wAiteR system is able to collect all the information and is stored inside a cloud computing system, and at the same time guides the waiters: when to collect orders, where to serve the orders, and being in sync with the kitchen.
WAITER PICKS UP
INPUT INTO ORDER
KITCHEN PREPARES ORDER
POS SYSTEM
ORDER
ORDER IS SERVED
SCENARIO 5 紅酒櫻桃搭蘆筍泥*1 嫩 海鱸魚佐 油橙汁醬＊1 − 義式拿鐵 1 美式咖 − 需要增加一套 具 紅酒嫩牛肉佐地瓜泥*1
4
− −
紅酒櫻桃搭蘆筍泥*1 紅酒嫩牛肉佐地瓜泥*1 美式咖 需要加檸檬水 香 蟹肉搭配葡萄柚＊2 20 :15
3
需要結帳 紅酒嫩牛肉佐地瓜泥*1 紅酒櫻桃搭蘆筍泥*1 嫩 海鱸魚佐 油橙汁醬＊1 義式拿鐵 美式咖
紅酒櫻桃搭蘆筍泥*1 嫩
海鱸魚佐
油橙汁醬＊1
−
20:37 19:35
義式拿鐵 美式咖
19: 40
20:55
5
嫩 海鱸魚佐 油橙汁醬
This is what the waiters wearing the wAiteR AR glasses will see. They will be able to see what each table has ordered, what order hasn’t been filled, what time they’ve started eating, what table needs the check, etc. 12
Application and product WAITER APP and cloud computing system both act like a conductor, connecting the kitchen and the waiting sta. This system allows all data to be in sync, showing monthly sales analysis, and decreasing the stress of waiting sta.
Earphones
Mic and touch bar
AR Interface
Sensor
With each table having an iPad, the waiters use the WAITER APP to take the cusomters’ orders. These equiment are connected through bluetooth. WAITER APP FUCTIONS: Ordering, call for waiter, checkout, sales analysis
14
1177Pay A fintech app UI design for 1177Technologies
1177Pay is a fintech app created for everyday users to make payments in a more faster and efficient way. This is an ongoing project.
Designer: Michelle Luo
16
INTRO 1177Technologies, Co., LTD is a technology company based in Taipei, Taiwan. They focus on providing fintech services to users for their everyday payment needs. 1177Technologies, Co., LTD recently is having a fintech payment application developed, called 1177Pay.
BRANDING The concept of was developed using the letter ‘P’ as the base, combining elements from the company’s original logo.
COLOURS
The turqiose and navy blue colors are some of the colors from their 1177Tech logo. They are to bring a safe and and secure feeling to the user.
#24B6E0
#35465B
#FFFFFF
SMARTPHONE APP
IConagraphy
18
lifejacket upcycle A service and product design for Syrian refugees
Lifejacket Upcycle is a self-sustaining business model designed to help clean the refugees who are in Turkey by turning used lifejackets in consumable products. This service design oers many refugees job opportunities.
The war in Syria has been going on since 2011, what can we do as designers to help? Designers: Michelle Luo, Yao Tong
20
lifejacket graveyard There is an enormous pile of lifejackets on the shores of Greece left by the Syrian refugees while eeing from their war-torn country. Through cooperation with a local charity foundation, we take these used life jackets and upcycle them, giving them a new life, and bringing it into the market. We hope this project would not only bring attention to this topic, but also bring job opportunities and help them rebuild their lives.
GOAL We hope that the Syrian Civil War gets as much attention as the other international incidents. We want to help those who are unaware of the news understand more of what’s going on in Syria, bringing in more
lifejacket
design Workshop
charity
product
store
refugee
We hope to oer jobs to refugees so that they could make a living and earn back their dignity. Those who purchase the products can further understand the issue, and provide support to the refugees.
We do hope the Taiwanese could become aware of the issue that is going on, and take part in the international crisis.
1. Taking Apart the Lifejacket and Materials Research We ďŹ rst take apart the lifejacket, separating the materials into three categories: foam, water-resistant cloth, and buckle.
Water-Resistant Cloth
EVA/EPE Foam
Buckle and Straps
Protection from Water
Protection from Impact
For Easy-Carry
ConďŹ rming Product Type Since the lifejacket foam has the function of lowering impact and the cloth of the lifejacket is waterproof, we thought it could be used as protection for 3C products. These products have become a part of our modern-day society, therefore we have decided to create laptop bags, iPad pouches and travels bags from these materials.
Shopping Bag
Travel Pouch
Macbook Bag
iPad Pouch
Roll-Up Travel Bag
22
OUR PLAN DESIGN
charity
lifejacket
local artists
refugee
marketplace
3. Design concept and Service Blueprint
!"#$%&"'()*"+#%,-'
"$%.",&"'
&*!-/0"#' 1/*#,"2'
!"#$"%
%,-"#3&-%/,')%,"' 4#/,-'!-35"' 3&-%/, $%!%(%)%-2')%,"
(3&6!-35"' 3&-%/,! %,-"#,3)'%,-"#3&-%/, !*++/#-' +"/&"!!"!
&!"'(%
We created an instructional book on how to make these products, that way the refugees are able to learn quickly.
24