multimedia design portfolio May 2017
Tam Hiu Yuen, Duey
2
Animation
What is Dinosaur Egg?
4
Graphic
Almost Forgot
5
出奇天地 Tricky House
6
Shape the Creatures - Hong Kong Wetland Animals
10
Wall Street English design works
12
Interactive
郊個野朋友 WildConnect
16
Video
主啊！我願意 MV
wandering
28 30
3
What is Dinosaur Egg? Motion Graphic Animation
A short animation introducing pluot with its interesting name ‘dinosaur egg’.
https://www.youtube.com/watch?v=qQAVanm-HWA
4
Almost Forgot Postcard Design A6
Inspired by a busker performing Supper Moment’s “幸福之歌’”, I used illustration to capture the scene at Central Pier and designed this postcard. I made one key lyric into a quote with expressive style of writing, which carries the message of not to forget the most honest desire inside our mind.
Supper Moment - 幸 福 之 歌
https://www.youtube.com/watch?v=7TefwmjpAqo
Local busker, Kimby Chan
https://www.instagram.com/kimbychan/
5
出奇天地 Tricky House Toy shop Visual Identity and promotion materials Client: Tricky House Tricky House is a toy store providing non-digital and puzzle plaything options and some handcraft products made by the shop founder. In the smartphone era, various simple and tricky toys might amaze poeple’s hands and brains. The logo design focuses on the joy and amusement plaything could deliver through physical contact - touching by hand. Curvy logotype with smiling faces foster the happiness people could find in Tricky House.
logo and logotype
6
apperance on social media
https://www.facebook.com/trickyhousehk/ https://www.instagram.com/trickyhouse/
shop banner
7
Business card design
8
Flyer+coupon design
paper fortune teller jumping frog
The flyer should be divided into two parts: a square paper for folding origami, and a retangular strip with the information of shop. Finished origami becomes a coupon with discount, encouraging children and adults to play with simple and tangible matters.
boat with canopies
9
Shape the Creatures
- Hong Kong Wetland Animals
Toy and Graphic Design User: children aged 4 or above Shape the Creatures is a modular set of 99 wooden blocks with different geometric shapes. It is themed as Hong Kong Wetland Animals, which players can arrange the blocks to form 8 commonly found animals in Hong Kong wetlands like fishes, insects, crabs, frogs, and birds. Toy demo https://youtu.be/llEcNfO92hM
10
This toy is targeted to be sold at souvenir shop in the Hong Kong Wetland Park. Greenish coloured playing blocks can bring children loads of fun, and help developing their cognitive knowledge of Hong Kong animals.
Guide of building animals are printed on illustration cards, children can choose either following the arrangement or not.
Stickers are for children’s fun!
11
Wall Street English design works Client: Wall Street English
Posters poster promoting different themed workshops and activities held by Wall Street English. These events are inviting students and their friends to learn English with fun.
BBQ on Cheung Chau Island movie night
12
coockie workshop
dance jam
jeopardy game show
13 karaoke night
e-Newsletter This newsletter is a routine publication for student and prospects who had subscribed it. It provide English readings with lively topics, and news of WSE centres.
14
Issue 63 All About Father’s Day
15
郊個野朋友 WildConnect Website and mobile application
Promotion video
https://youtu.be/aKL-KcK8K70
Background Ecotourism is a new trend of tourism growing around the world, which highlights the attitude of being responsible to earth resources, like wild lives and natural sceneries. In Hong Kong, the community of ecotourism is not popular, according to working ecotour guide, several tour operators are merely making a sustainable business in the limited market. The community of ecotourism need expanding and to reach more people who had interest of joining local ecotour.
Screen on desktop internet browser App walkthrough video
https://youtu.be/RlktXOE2MeA
16
Screen on mobile phone
Project Objectives By connecting Hong Kongers with ‘wild friends’, WildConnect creates a sustainable network for sharing information of local ecotours. The connections helps promoting tours and recommending people to join and visit wild lives just like meeting friends in real life. The project has a goal of inspiring ecotourists to constantly care about natural environment and wild lives, love and conserve the beauty of nature.
Ecotourists
Ecotour Gides
Target Users WildConnect targeted on the ecotourism community of Hong Kong, with a goal promoting the learning attitude to ecotourists, who have interest in nature walk but less concerned about the knowledge behind. The mobile app is for ecotourists to build connection among the wildfriends and other users. The website running on desktop computers is for ecotour guides to manage their tours.
17
Research Development
Problem
Opportunities
Many ecotourists quickly forget what they have learnt in the nature because of their busy lives in urban areas.
Hong Kongers loves checking-in Thriving Social Media
Implementing wild lives in social media model.
Any tools to help making the tour experience more sustaining?
User Journey
Ecotourists learn from interpretation of the wild lives during an ecotour.
18
Soc
ial
Ecotourists
Tourists can take pictures and create selfies with the animals and plants they had met after finishing the ‘wild knowledge challenges’.
The wildfriends connected with user will suggest other guided ecotour they might be interested in.
Tourists can choose from the sugestions or actively request if there is any ecotour visiting animals or plants they wanted to see with their friends.
Linking learning activity and connection bonding: taking the ‘wild knowledge challenge’ and checkingin with the wildfriends to expand connections.
Alternate promotion provided by the wildfriends, as rewarding tour guides for their work of operating ecotour and setting up ‘wild knowledge challenges’.
Ecotour Gides
Ecotour guides who have ideas to operate ecotours on their own are most welcomed.
Tour guides can create ecotours and publish on WildConnect for tourists to join. The platform serves as management centre of tours.
Tour guides are invited to set and design short quizzes for tourists, which will be served as opportunities for people to learn from wildlives.
The wildfriends who got the quizzes set up can help promoting the guide’s tours on the platform as rewarding the guides’
19
UI Design - Mobile App
20
news feed
composing post
The information of suggested ecotour are enclosed in a green box which make it separated from other content on the page.
User can type in message of post, take the check-in picture and choose one of the ‘wild knowledge challenge‘ on the composing screen.
photo taking
21
UI Design - Mobile App
placing wildfriend The white bar at upper part indicates content inside are movable and draggable, like a tool box.
22
‘wild knowledge challenges’ The challenges float on top of the darkened ground page, indicating this part of task is a separate story from the main stem. Upon finishing the challenge, the floating panel dismisses.
side bar
wildfriend profile
tour profile
After opening the side bar, colour of changes as well to follow the side bar panel. The change of colour tells users they are in apart from the main screen of the application.
On the profile page of a wildfriend, there are two bubbles pointing at the ‘state of following’ and ‘Connections‘ icons. The left one says, ‘met in ecotour at Shui Hau‘, which reminds users how were they get connected with this wildfriend. The other bubble reminds users how many mutual connections do they and this wildfriend share.
There is an ‘+ add‘ button at the righten corner of the tour profile panel. It resembles the behaviour of making dogears when people find valuable content on books 23 and magazines.
UI Design - Website on Desktop Computer
dashboard
create tour The progress bar at the left hand side lets users know where they are on this website.
24
adding wildfriend to be introduced Tour guides can type in names of the wild life they wanted to include in the interpretation of tour.
The searching bar anticipates and shows species suggestion upon typing.
25
UI Design - Website on Desktop Computer
confirm ‘wild knowledge challenge‘ Tour guide can modify the content of ‘wild knowledge challenges’ for each wildfriends, in order to match the guide’s content of interpretation.
26
complete creation After creating an ecotour, the wildfriends who had got their ‘wild knowledge challenge‘ settled by the tour guide, will automatically connect themselves with the user. Notification of connection pops out at the ‘news feed‘ tab.
news feed Tour guide can receive activities done by those connected wildfriends. For example, little egret had published a post with recommendation of an ecotour going to Shui Hau and Ngong Ping.
27
主啊！我願意 MV Music Video Production Self-initiative project
Director: Duey Cinematographer: Greek
The title of this mandarine hymn literally means ‘Lord! I do.’ The lyrics of this short hymn says ‘I am willing to be broken and built. I will come forth to the Lord, no matter how difficult and painful these days could be.’
28
Watch on Youtube: https://youtu.be/X9XTpg9pceU
In this video there is a contrast between the little girl’s reluctance and will of dressing her wound. We, human better seek our Lord in Heaven first in difficult times. Life is difficult yet beautiful.
29
wandering
30
Find out more on Instragram:
https://www.instagram.com/dueyt_gen/
31
wandering
32
May, 2017