1
Product Design About me ....................... p.06
N+ ................................. p.10 Once Future .................. p.16 Catcare (with App) ........ p.22
2
3
Music 2gather ............. p.38 iLecture ....................... p.42 ID Winter Exhibition ... p.50
CIS Design .................. p.56 ID Forum Banner ........ p.66 Works for NCKU MBI ... p.68 Cover Design Works ... p.72
UI Design
Graphic Design
Hang Things Everywhere.
/ 11
Background // The original concept of cloth hanger is to combine a iron wire in a circle shape and and a S-shape hanger.Then, the more our living progresses, the more needs we have to face. There are many students in Taiwan have to take a another class after PEs. They usually change their clothes to avoid awful smell of sweat. However, they don't have a thing to hang their clothes, which is the reason I design "N+."
Design Concept // First, the new hanger have to be easy to carry, because the main users are the students. Second, it have to hang everywhere easily, so we can dry cloth everywhere in the classroom. The last is about the material. It must be firm and durable. Therefore it can handle the weight of wet clothing.
/ 13
// type 3 This type can hang on windowsill. Though the structure of the windowsill is very special, "N+" can still easily hang on it.
// type 4 This type can hang on the doors. It can perfectly hang on doors with its special latch, and hang our clothes. / 15
Look through in the night.
/ 17
User Scenario // I removed the original structure of the old shape of the lantern for Once Future. The conical lampshade replaced the column one made the shape softer. I change the color into white to make it light and relaxing. Slowly fades with the translucent lampshade keep the feeling of lantern.
/ 21
Total Care for Your Cats.
Partners
Meng-Lin, Du
Ping-Jung, Lu
Ching-Ting, Hsu
/ 23
/ 25
d
loa
up
Litter Box
Cloud Database
upload
up
loa
d
Food Bowl
download
Catcare App
Collar
/ 33
3-1, 3-2 Pop out notification outside Catcare App and the notice page in the app. 4-1, 4-2 & 4-3 In setting page, we can adjust the notification, choose the database, setting iBeacon and Catcare eqipments settings adjusting. The more detail settings, the better function and experience.
3-1
3-2
4-1
4-2
4-3 / 35
User Interface // # Type our user ID to start using M2. If don't have an ID, tap "new register" to start register a new account. 1 In the menu, tap "Near By" to check what people around is listening. Or tap "Search" to find some songs that we like. Choose "Log Out" to leave M2.
3-1
3-2
2-1, 2-2 Fill in all the blanks to register a new account. If we get any mistake when filling blanks, it will have notification show above the "submit" button. After registering, we can start using M2. 3-1, 3-2 In the function "Near By", we can check all the music songs people aroung us are listening, and where they really are. We can make friends with these people. 4-1, 4-2 In the function "Search", it will recommend you one of the songs people using M2 are listening to. We can still search music we love. When starting playing music, the other user can fing us by using "Near By."
4-1
4-2 / 41
/ 51
/ 53
// Black and White Using black and white background to see if the logo is clear.
// Different Size Changing size to see if the logo is clear.
/ 63
// Social Web Design Manual Design 2014. 06 http://issuu.com/058642/docs/2014_swd_manual
// Web Programming Manual Design 2015. 01 http://issuu.com/058642/docs/2015_wp_manual
/ 69
// Nameplate Design This nameplate design is for Information Counter in NCKU Computer and Network Center. There are 3 different design and the chosen one is on the top of three.
/ 71