S H A R O N UI/UX
DESI GNER
L I
CONTENT 04
03
MOBILE APPLICATION DESIGN
05
WEB DESIGN
21
GRAPHIC DESIGN
25
CONTENT
ABOUT
Hi, here is Sharon Li
ABOUT
03
BIOGRAPHY I love design, problem solving and challenges. I like creating beautiful things that make user enjoy, feel great. “Act on, Dream on.” Problems and Challenges are everywhere and I am always ready to experience them.
EXPERIENCE
/ 61913953
/ sharon.li.py
/ sharon.li.py@gmail.com
/ lipuiyee
/ lipuiyee.com
/ sharonli0505
EDUCATION
PRODUCTION ASSISTANT | Part-time
BA(Hons) in Interactive Media
New Media Unit in RTHK | 12/14 - now graphic design, banner, typography, app icon design, web design, web update
The Hong Kong Polytechnic University | 09/14 - now multi-platform publishing, marketing, game, interface, user experience, information design, prototyping skills
VIDEO EDITING TUTOR | Part-time Po Leung Kuk Ma Kam MIng College | 10/14 - 05/15 basic video taking and editing skills, camera angles using Adobe After Effect, Premiere Pro
HD in Multimedia Design and Technology
DESKTOP PUBLISHER OPERATOR | Full-time Ling Kee Group | 06/13 - 08/13 desktop publishing, typography, graphic design
The Hong Kong Polytechnic University | 09/12 - 05/14 visual communication, video, motion graphics, interface, user experience design
GRADUATE Canossa College | 09/06 - 06/12
04
ABOUT
PROFESSIONAL SKILLS
UI Design UX Design Graphic Design Web Design
PERSONAL SKILLS Creative Leading Teamwork
PASSION & HOBBIES
Music
Singing
Exploring
Enjoying
SOFTWARE SKILLS
Designing
06
It is a 3-day idea jam workshop co-operating with students from Queensland University of Technology (QUT). We designed JAM to help them solving the problems they are facing in Brisbane.
MOBILE APPLICATION DESIGN
ABSTRACT
MOBILE APPLICATION DESIGN
07
PROBLEMS
BENEFITS
RESTAURANTS CAN BE TOO FAR AWAY
TIME AVAILABLE TO EAT MEAL IS SHORT
MORE FOOD CHOICES
MAKE GETTING FOOD EFFICIENT
POOR QUALITY AND VARIETY OF FOOD
FEW OPTIONS TO CHOOSE FROM AT TIMES
EXPLORATION OF THE CITY
SHARE FOOD EXPERIENCE
DESIGN GOAL “JAM is an service that enables communities to share food, engage with the surrounding city and make meals out easy and fun”
FEATURES VOTE FOR RESTAURANTS
CREATE COMMUNITY
SELF-ORGANIZED (DELIVERY)
IMPROVING MEAL EXPERIENCE
USER JOURNEY
Prepare to go out buy lunch
Start a campaign
Select a community
Select a place that you want to have lunch
Set the duration of the delivery activity
Select a community
Search for any food delivery
Select the Food Delivery Activity
Meal Gathering and Food delivery ACtivity created
Arrived restaurant
Start going to that restaurant
User 1 User 2
Lunch Time
Feel Hungry
Open app Want to eat but do not want to go out
Deliver the food
Food ordered and ready to go
Report the status of the restauant and estimate delivery time
08 Wait for Activity to start
Ready to eat
Send notification when food arrived
GPS function allows users to view the status
Order food
*Other People can join Meal gathering
USER INTERFACE
For more detail information: lipuiyee.com/jam
MOBILE APPLICATION DESIGN
go down and get the food
10
Hong Kong is not only a shopping paradise but also a food paradise! Every day there are many travellers coming to Hong Kong, especially Independent travellers. They may not have a well-planned schedule before they visit Hong Kong. They still want to try different types of food and enjoy the food culture in Hong Kong. However, some restaurants just only serve customers who had made reservation and some do not accept booking for one. How can an independent traveller enjoy the dining experience? Shafood is your choice.
MOBILE APPLICATION DESIGN
ABSTRACT
MOBILE APPLICATION DESIGN
11
PROBLEMS MAY NOT HAVE A WELL-PLANNED SCHEDULE RESTAURANTS DO NOT ACCEPT BOOKING FOR ONE
DESIGN GOAL RESTAURANTS ONLY ALLOW RESERVATIONS
“Shafood helps to connect the independent traveller with other fellow travellers, jointly seeking shared dining experiences.”
USER JOURNEY & USER INTERFACE
EXPLORE
JOIN
Find new interesting events
Select and add to calendar
12
Enjoy new meal experience and make new friends
RECORD Capture the moment and share with others
For more detail information: lipuiyee.com/sharfood
MOBILE APPLICATION DESIGN
EXPERIENCE
14
ABSTRACT Running on street in Hong Kong is already a recent trend. More and more people start creating a habit to run. However, they do not familiarize with the running routes available in Hong Kong. Besides, it is difficult for them to gather families and friends to run together due to busy schedules. Those health goal-oriented people will hence give up their running exercises. With Runnies, those will not be their worries.
MOBILE APPLICATION DESIGN
Runnies
MOBILE APPLICATION DESIGN
15
FEATURES
PROBLEMS DIFFICULT TO GATHER POEPLE WITH SAME GOAL
NOT FAMILIARIZE WITH THE ROUTES
DESIGN QUALITIES CONNECTION helps connect health conscious people, create the community to achieve goals through group running ENGAGEMENT Through gamification with innovative group running events categorized by different goals, Runnies can increase users’ motivation to run. OPTIMIZATION helps enhance the running experience, increase entertainment and fun for running through joining the goal-oriented group run events.
ROUTE RECOMMENDATION
AWARD SYSTEM
BUILD UP COMMUNITIES
DESIGN GOAL “A platform for the same health goals-oriented people gather together and complete their missions by different challenging tasks.”
USER JOURNEY & USER INTERFACE
16
MOBILE APPLICATION DESIGN
For more detail information: lipuiyee.com/runnies
18
Dehydration for dogs in U.S. is a common issue that pet owners always ignore. Although they treat their pet as part of their family members, they still lack knowledge on pet hydration. Water is not just important to human but also to pets. 80% of pets’ body are water and owners seldom knows the amount of water their pets need to intake. Dogs have incredibly sensitive noses. They will reject to drink still water that they think is not clean. So, providing water with quality is essential to pets’ health. Ozmo for pets is a solution for them to deal with their pet hydration so that it can create a happier life.
MOBILE APPLICATION DESIGN
ABSTRACT
LID Water being refreshed and pour out for pets to drink
CONTROL CENTRE (WIFI) Controlling all parts of the device Collect and send data to the app with wifi
DUCT Directing filtered water out from device
SIGNAL LEDS Attract pets to drink water
PUMPING MOTOR Continually pumping water in and out so as to provide moving water to pets
FILTER Activated carbon filter to filter the water
19
ENTRANCE
PRESSURE SENSOR
Water get into the device
MOBILE APPLICATION DESIGN
Measuring the water pressure Calculate the volume of water
US PEOPLE BEHAVIOR
DESIGN QUALITIES
TREAT PETS AS FAMILY MEMBER
POOR PET KNOWLEDGE
PET CARE
PREFER OUTDOOR ACTIVITIES
WILLING TO SPEND A LOT OF MONEY
CUSTOMIZATION
CONNECTION
DESIGN GOAL
FEATURES
“To provide a useful tool for small dogs’ owners to track their pets’ hydration status and also provide qualitative water for their pets.”
Ozmo for pets is a plug-in device. It can filter water by removing chlorine, odor, and small particles. Water pump part can keep the water fresh and running. It can attract dogs to drink more water. Changes of the water volume will send to pet owners and let them check their pets' water consumption. Pet owners can put Ozmo for pets on their pets’ water bowl and connect it with ozmo mobile app in order to get the data of their pet hydration.
USER JOURNEY
See an increase in water level
Enter pet’s profile on app
Install plug-in
Connect plug-in with app
Green light on: Pet drinks water
Receive notification Get anal yzed hydration report
Pour water until green light on Red light on: Not drinking for long time
20
MOBILE APPLICATION DESIGN
USER INTERFACE
For more detail information: lipuiyee.com/ozmo
22
To celebrate RTHK 31A and 33A broadcasting on 2nd April 2016, new web theme design is created. By using polygonal style, it build up the image of professional, innovative. With the skyline of Hong Kong, represent the concept that RTHK will provide TV shows and dramas to all the Hong Kong residents no matter day and night. For more detail information: http://rthk.hk/index_theme_tveverywhere.htm
WEB DESIGN
ABSTRACT
24
Through this website, we wanted to create a new image of Yeung Gwong, i.e. young, healing and fresh feeling. This is because the original image of Yeung Gwong is old-fashion and not appealing, we hope that this minisite can change people’s feeling towards Yeung Gwong. To achieve this, we crossover the brand with Instagram, as Instagram is one of the most popular social networking application youngsters use, hope more target users notice this brand and join the campaign. For more detail information: lipuiyee.com/yeunggwong
WEB DESIGN
ABSTRACT
26
ABSTRACT Alice in Wonderland is a famous and classic children fiction by Disney. It is about the adventure of alice. It has a linear storyline. It is important to find out some interesting part and climax of the story. other characters are key parts linking with the main character, Alice. So, the concept of design is to make things different and offer different experience. For more detail information: lipuiyee.com/aliceinwonderland
VGRAPHIC DESIGN
Alice in Wonderland
ACT ON
DREAM ON