PORTFOLIO VOL.04 CAI-LIN YU 2015-2018
RAW
RAW In a natural state, without having been through any chemical or industrial process. Natural and difficult to control.
01
INGREDIENTS
02
RAW
06
PUBLICATION Ultrasonic ............ 6 Shi Zine ............ 16
20
BRANDING BioMelbourne Network ............ 22 FHAD ............ 28 2018 Melbourne Chinese Valentine's Day Festival ............ 32
38
PACKAGING Peninsula Larder ............ 40 TUS'A ............ 46
50
MOTION GRAPHICS Why Read ............ 52 IBD Fundraising Promotion ............ 56
60
USER EXPERIENCE ConnectEd ............ 62 Athens ............ 68 Mosa ............ 72
76
DESIGN PROCESS
03
PUBLICATION
04
RAW
05
PUBLICATION
ULTRASONIC
ULTRASONIC 墨爾本這個城市一直以澳洲的文化藝術之都著稱， 但大部分的人可能不知道它也是澳洲的音樂之都， 它有著令人著迷地地下音樂文化，這本風格獨特的 音樂雜誌便是在這樣的氛圍下誕生的，以狂野的手 繪字體結合異媒材及解構性的排版，呈現不同種類 的音樂的獨特氛圍及魅力。 Melbourne is famous as an artistic city with nice people and a multicultural blend of many different cultures. Inspired by the city's vibrant music scene, I developed a publication project about music. The whole semester project includes a 70 pages book, a pocket guidebook to the best music scenes in Melbourne and its digital version. The publication uses a lot of typographic imagery and experimental typesetting to match the content. ULTRSONIC - 2017 Client / Self-initiated project Material / Olympus EM10 - Mark ii, Adobe Photoshop, Adobe Indesign, Ink Editor & Visual Design / Cai-Lin Yu
06
RAW
07
PUBLICATION
08
ULTRASONIC
RAW
09
PUBLICATION
ULTRASONIC - GUIDEBOOK
A Guide To The Best Live Music Venues In Melbourne 除了雜誌本體外另有一本口袋導覽書，精選了四個 在地人最愛的音樂表演場地，此刊物有印刷版本及 數位互動式出版品的形式。 When it comes to winding down after a day, most of us will choose to grab a drink with friends. Why not try something different? There’s more you can do at night in Melbourne. The music scene in Melbourne is vibrant and provides people a retreat for stressful modern life. You can find a place hold live gigs on every night of the week in all genres. ULTRSONIC - A Guide To The Best Live Music Venues In Melbourne - 2017 Client / Self-initiated project Material / Olympus EM10 - Mark ii, Adobe Photoshop, Adobe Indesign, Adobe After Effect Visual Design, Writer, Photography / Cai-Lin Yu Motion Design / Cai-Lin Yu
10
RAW
11
PUBLICATION
12
ULTRASONIC - GUIDEBOOK
RAW
13
PUBLICATION
14
ULTRASONIC - GUIDEBOOK
RAW
15
PUBLICATION
SHI ZINE
SHI ZINE 食載是一本讓人垂涎欲滴又心跳加速的在地美食介 紹雜誌，帶你吃遍台中舊城區第一市場到第五市場 的美食，介紹在地人推薦便宜又大碗的高 CP 值美 食，除了單純介紹食物外也告訴你這些店家背後的 故事及只有當地人才知道的特殊吃法。 "Shi Zine" is a guide to the traditional markets in the decaying inner-city in Taichung city. The city is known for being a destination for its gourmet dining and street food. The magazine introduces three traditional markets which are famous for their cheap and tasty food. The magazine not only showcases photos of local food culture but also tells stories and histories behind the food. SHI ZINE - 2016 Client / Self-initiated project Material / Canon EOS M50, Adobe Photoshop, Adobe Illustrator, Adobe Indesign Editor & Visual Design / Cai-Lin Yu Photopgaphy & Writing / Cai-Lin Yu, Ya-Fan Chien Illustration & Typography / Ya-Fan Chien
16
RAW
17
PUBLICATION
18
SHI ZINE
RAW
19
BRANDING
20
RAW
21
BRANDING
BIOMELBOURNE NETWORK
BIOMELBOURNE NETWORK BioMelbourne Network 是位於墨爾本市中心的 非營利組織，做為科學界、金融界、及政府之間的 溝通橋樑以促進澳洲的生物科技研究和醫藥研發的 發展，我們的任務是為他們設計一款全新的企業識 別，除了展現該企業的專業及領導性外，也加了一 些親切及活力。 BioMelbourne Network is engaged in biotechnology, medical technology and health innovation in the state of Victoria. The company aims to reach research organizations, financial markets, and the Victorian government. Our job is to create and design a suitably refreshed brand identity for them and that will reflect the core company values of prosperity, connectivity, and leadership in order to reflect the professional nature of the company. BIOMELBOURNE NETWORK - 2018 Client / BioMelbourne Network Material / Adobe Photoshop, Adobe Illustrator Client Liaison / Deborah Hoh Research & Strategy / Cai-Lin Yu, Sophie Davidson, Stephanie Kinnear, Deborah Hoh Logo Development / Cai-Lin Yu Branding & Visual Development / Cai-Lin Yu, Deborah Hoh
22
RAW
23
BRANDING
BIOMELBOURNE NETWORK
考量到客戶的需求，我們實驗了幾 種不同的做法以表現「連結性」、 「科技感」、「字型設計」、 「彈性企業識別」，最後我們結 合了個特性為客戶設計了一系列 的 logomark，客戶可依其需求選 擇不同的形狀進行使用及後續的設 計，這組企業識別同時也具有製作 動態 logo 的潛力。 Taking the client information on board, and utilizing our research and brainstorming, the team concluded that we would explore and present the four key concepts: “connectivity,” “technology,” “typographic” and “flexible identity.” Here we provided the client with four logos and accompanying toolkits that represented different connections, communities and scenarios.
Flexible Identity
24
RAW
Primary Color Palettes & Toolkit
Primary Color Palettes & Toolkit
25
BRANDING
26
BIOMELBOURNE NETWORK
RAW
27
BRANDING
FHAD
FHAD FHAD 這個專案的任務為設計一系列得以被開 發成茶巾伴手禮的圖像，藉此宣傳 Swinburne University of Technology 的健康藝術設計學院，以 抽象幾何的手法呈現不同學院的特色。 The brief is to develop and design a series of promotional tea towels advertising Swinburne's Faculty of Health, Arts and Design ( FHAD ) and the three schools to the International market. This is aimed to build the presence of FHAD in the international market and visually represent each school through a dynamic and abstract approach. FHAD - 2018 Client / Swinburne University of Technology Material / Adobe Photoshop, Adobe Illustrator Research & Strategy / Cai-Lin Yu, Sophie Davidson, Stephanie Kinnear, Deborah Hoh Visual Design / Cai-Lin Yu, Sophie Davidson, Stephanie Kinnear, Deborah Hoh
28
RAW
Faculty of Health, Arts and Design | School of Design
29
BRANDING
30
FHAD
RAW
31
BRANDING
2018 MELBOURNE CHINESE VALENTINES DAY FESTIVAL
2018 MELBOURNE CHINESE VALENTINE'S DAY FESTIVAL 墨爾本七夕嘉年華是一年一度的盛會，我的工作是 為他們設計一款新的企業識別及今年的主視覺，除 了展現情人節特有的甜美感，我也試著將西方美學 融合東方傳統元素。 Melbourne Chinese Valentines Day Festival is a sophisticated match-maker who uses her wisdom to fuse the western modern aesthetic with eastern romantic values, and magic to create chemistry and connection to help individuals find the one who is meant to be. The brief is to create a new logo and a thematic key artwork for the festival. The design should reflect the brand's values, with a fusion of the Western romantic aesthetic and Eastern love ideals, and traditions. 2018 Melbourne Chinese Valentines Day Festival - 2018 Client / Melbourne Chinese Valentines Day Festival Material / Adobe Photoshop, Adobe Illustrator Research & Strategy / Cai-Lin Yu Logo & Branding Development / Cai-Lin Yu Art Direction & Visual Development / Cai-Lin Yu
32
RAW
33
BRANDING
2018 MELBOURNE CHINESE VALENTINES DAY FESTIVAL
Logo
Color Pallete
Application Font - DIN Pro
ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz 0123456789 <=>:;?!@#$%^&*() 34
ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz 0123456789 <=>:;?!@#$%^&*()
ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz 0123456789 <=>:;?!@#$%^&*()
RAW
Key Art
2018 CHINESE VALENTINE’S DAY FESTIVAL
2018 CHINESE VALENTINE’S DAY FESTIVAL
2018 CHINESE VALENTINE’S DAY FESTIVAL
2018 CHINESE VALENTINE’S DAY FESTIVAL
35
BRANDING
36
2018 MELBOURNE CHINESE VALENTINES DAY FESTIVAL
RAW
37
PACKAGING
38
RAW
39
PACKAGING
PENINSULA LARDER
PENINSULA LARDER Flavour Pearls 是由兩位主廚創立的品牌，主張將分 子料理帶進一般人的生活中，Flavour Pearls 獨特地 將食物的精華鎖進一顆顆小小的珍珠，為您的食物加 上一抹高級精緻的色彩，該品牌主要通路為量販及零 售，我們的任務是為他們進行品牌改造以增加零售通 路的銷售量及市場能見度。 Proudly Australian made, Flavour Pearls are a gourmet garnish which brings molecular gastronomy to your food, bubbly and cocktails. Our goal is to create and design a beautiful and suitable ‘refreshed’ brand identity for Peninsula Larder and apply that to their Flavour Pearl packaging and collateral for both print and web. The design will evoke key feelings such as luxury, finesse, specialty, the notion of a gift and a delicacy. PENINSULA LARDER - 2018 Client / Peninsula Larder Material / Adobe Photoshop, Adobe Illustrator, Ink Client Liaison / Stephanie Kinnear Research and Strategy / Cai-Lin Yu, Sophie Davidson, Stephanie Kinnear, Deborah Hoh Concept Development / Cai-Lin Yu, Sophie Davidson, Stephanie Kinnear, Deborah Hoh Logotype & Wordmark / Cai-Lin Yu, Sophie Davidson Surface Graphics / Cai-Lin Yu Packaging Labels / Cai-Lin Yu Application Copy / Stephanie Kinnear Applications / Cai-Lin Yu, Sophie Davidson, Stephanie Kinnear, Deborah Hoh
40
RAW
41
PACKAGING
42
PENINSULA LARDER
RAW
43
FLAVOUR PEARLS Salted Caramel
PACKAGING
PENINSULA LARDER P/L 72 Hallifax Street, Seaford, Vic Aust. 3198 Made in Australia with local and imported ingredients. www.peninsulalarder.com.au
PENINSULA LARDER
ients: Delgrosso Apple Juice, Sugar, (440), Citric Acid(330), Preservative ium Sorbate(202). erate after opening. Gluten, Dairy Free & Vegan
110g / 50gHand jar Flavour label crafted in Pearl Australia • 110g Net
FLAVOUR PEARLS PENINSULA LARDER P/L 72 Hallifax Street, Seaford, Vic Aust. 3198 Salted Caramel Made in Australia with local and imported ingredients. www.peninsulalarder.com.au
FLAVOUR PEARLS Salted Caramel
Ingredients: Delgrosso Apple Juice, Sugar, Pectin(440), Citric Acid(330), Preservative Potassium Sorbate(202). Refridgerate after opening. Gluten, Dairy Free & Vegan
PENINSULA LARDER P/L 72 Hallifax Street, Seaford, Vic Aust. 3198 Made in Australia with local and imported ingredients. www.peninsulalarder.com.au
Hand crafted in Australia • 50g Net
Ingredients: Delgrosso Apple Juice, Sugar, Pectin(440), Citric Acid(330), Preservative Potassium Sorbate(202). Refridgerate after opening. Gluten, Dairy Free & Vegan
Hand crafted in Australia • 110g Net
300g / 230g jar and food service container label
Tamper seal gift box sticker PENINSULA LARDER P/L 72 Hallifax Street, Seaford, Vic Aust. 3198 Made in Australia with local and imported ingredients. www.peninsulalarder.com.au
FLAVOUR PEARLS Salted Caramel
FLAVOUR PEARLS Salted Caramel
Ingredients: Delgrosso Apple Juice, Sugar, Pectin(440), Citric Acid(330), Preservative Potassium Sorbate(202). Refridgerate after opening. Gluten, Dairy Free & Vegan
Peninsula Larder Gourmet Garnish for food & drink
Hand crafted in Australia • 50g Net Refridgerate after opening. Gluten, Dairy Free & Vegan.
Ingredients: Delgrosso Apple Juice, Sugar, Pectin(440), Citric Acid (330), Preservative Potassium Sorbate (202).
Made in Australia with local and imported ingredients.
PL
72 Hallifax Street, Seaford, Vic Aust. 3198
300g Net
FLAVOUR PEARLS
Business cards / EDM signature
Salted Caramel
Refridgerate after opening. Gluten, Dairy Free & Vegan.
Ingredients: Delgrosso Apple Juice, Sugar, Pectin(440), Citric Acid (330), Preservative Potassium Sorbate (202).
Made in Australia with local and imported ingredients.
72 Hallifax Street, Seaford, Vic Aust. 3198
300g Net
44
RAW
Flyers (3 double sided completed in total)
Pull up banner
A3 poster
Gift Card
45
PACKAGING
TUS'A
TUS'A TUS'A 為我們自己發起的對南投縣信義鄉農會梅子 夢工廠一系列產品的品牌再造，我們受到當地原住 民文化的啟發設計了一組結合泰雅族傳統圖騰結合 山的形象的視覺，期許能藉此有質感地發揚原住民 文化、拓寬課群年齡層，以及讓梅酒成為不輸其他 產品的伴手禮新選擇。 TUS'A is a rebranding project for Xinyi Dream Works of plums in Xinyi Township Farmer's Association. The naming and design are both inspired by local aboriginal culture. "TUS'A" means time and dawn in traditional saying in Atayal who are the residents in Xinyi. The graphics combine the traditional aboriginal totems and the illustration of the local landscape. We also use different colors to differentiate different flavors and use them as a metaphor for time. TUS'A - 2016 Client / Xinyi Township Farmer's Association Material / laser cutter on wood, Transfer printing on cloth, Adobe Photoshop, Adobe Illustrator Visual Design/ Cai-Lin Yu, Yu-Ting Huang Logotype / Ya-Fan Chien, Yu-Ting Huang Product Planning & Execution / Cai-Lin Yu, Yu-Ting Huang, Ya-Fan Chien, Xiao-Wan Lin, Jing-Xin Liu
46
RAW
47
PACKAGING
48
TUS'A
RAW
49
MOTION GRAPHICS
50
RAW
51
MOTION GRAPHICS
WHY READ
WHY READ WHY READ 是一支向量插畫風格的動畫短片，藉 由資訊視覺化的方式揭露澳洲人的閱讀習慣及出版 產業現況，並在影片最後細數了閱讀不為人知的種 種好處，藉此引起更多年輕人對閱讀產生興趣進而 吸引他們參與墨爾本寫作嘉年華。 A self-initiated project for promoting Melbourne Writers Festival. The infographic motion video aims to attract young potential readers to come to the festival by revealing Australian's reading habits and the benefits of reading. WHY READ INFORMATION MOTION GRAPHICS - 2017 Client / Melbourne Writer Festival Material / Adobe Illustrator, Adobe After Effect, Adobe Audition Illustration & Motion Design / Cai-Lin Yu Script & Storyboard / Cai-Lin Yu Music / Scott Holmes Voiceover / reddhorrocks from fiverr.com
52
RAW
53
MOTION GRAPHICS
54
WHY READ
RAW
55
MOTION GRAPHICS
WHY READ
IBD FUNDRAISING PROMOTION 發炎性腸道疾病 (IBD) 是一種免疫相關的腸道疾 病，目前的詳細成因仍不明，可以分成潰瘍性腸炎 (UC, Ulcerative Colitis) 與克隆氏疾病 (CD, Crohn disease) 兩種，此疾病以歐美地區分布為主。在澳 洲，每 250 人就有 1 人得到此疾病，而相關的醫療 資源更是十分缺乏，這支短片是為澳洲最大的相關 非營利組織 Crohn’s and Colitis Australia 所做的 募資宣傳短片。 IBD or Inflammatory Bowel Disease is becoming more and more common, more complex, and more severe in Australia. It affects about 1 in 250 people between the ages of 5 and 40. Almost 75,000 Australians have Crohn’s disease or ulcerative colitis, and this number is expected to increase to 100,000 by 2022. Crohn’s and Colitis Australia offers highquality information and support to enable people to live their life to the fullest and follow their dreams. The brief is to create a short motion graphics for their fundraising event in March 2018. IBD FUNDRAISING PROMOTION - 2018 Client / Crohn's and Colitis Australia Material / Adobe Illustrator, Adobe After Effect, Adobe Audition Illustration & Motion Design / Cai-Lin Yu Script & Storyboard / Cai-Lin Yu Music / RW Smith Voiceover / usvoiceovermale from fiverr.com
56
RAW
57
MOTION GRAPHICS
58
WHY READ
RAW
59
USER EXPERIENCE
60
RAW
61
USER EXPERIENCE
CONNECTED
CONNECTED ConnectEd 是一款結合社群軟體及求職平台的 App，主要目標客群為 18 到 25 歲的大學生及社會 新鮮人，ConnectEd 提供了一個友善地平台讓這群 年輕人得以建立有意義的連結，並能順利地找到他 們心目中理想的工作及確立職涯方向，並在這段過 程中仍能帶著愉快的心情。 ConnectEd is a social media platform which is centered and focused around creating meaningful connections, aiding users in establishing an understanding of their educational and career prospects. The logo and visual identity design will reflect the core company objectives of easy, fun, and immediate in order to reflect the engaging nature of the company. The design for the mobile application will emulate key feelings such as connectivity, and inspiration in order to create a point of difference within the market space. Primarily for students aged 18–25 years of age. CONNECTED - 2018 Client / ConnectEd Material / Adobe Illustrator Client Liaison / Sophie Davidson Research and Strategy / Cai-Lin Yu, Sophie Davidson, Stephanie Kinnear, Deborah Hoh Concept Development / Cai-Lin Yu, Sophie Davidson, Stephanie Kinnear, Deborah Hoh Logomark / Sophie Davidson Logotype / Cai-Lin Yu Interface / Sophie Davidson, Stephanie Kinnear Extended Toolkit / Cai-Lin Yu, Deborah Hoh
62
RAW
63
USER EXPERIENCE
CONNECTED
最終的 logo 結合了 CE 及無限符號 的形象，整體扭轉的意象及中間空 一段的設計暗示著這個 APP 使用者 可能正處於轉換工作跑道的階段， 除了基本的 logo 設計我們也以此 為基礎設計了一系列小工具，可以 使用在後續的介面開發設計。 The final direction is the "CE" progressive monogram but adapts it to be a slightly abstracted infinity symbol. The break in the symbol suggests the path that a person might take or the turns that might come in their career. The colours shifted to more of a dark blue and indigo in order to strengthen the presence, especially as a button on an app screen. We used the logo to design a basic style guide and toolkit. From here we designed icon sets and an extensive colour palette to give an introduction of where this branding set could take the application.
Interface Icons
Primary Color Palettes
o W= Secondary Color Palettes - Tribes
64
RAW
Tribe Icon Sets
65
USER EXPERIENCE
66
CONNECTED
RAW
67
USER EXPERIENCE
ATHANS
ATHANS Athans 是一個運動用品概念線上購物網站，目標 客群為二十至三十代的年輕人以及退休人士，上述 族群為現今上健身房頻率較高的年齡層，我們針對 這些人做了一次小規模的街訪問卷調查，並以此為 基礎設計一個簡約時尚、中性、對使用者友善的購 物網站。 Athans is a concept sporting goods shopping website. The brief is to create an enjoyable, engaging, and user-friendly sports goods shopping website for people of all ages and try to bridge the gap between online shopping and in-store shopping. Our main target audience is the 20s to early 30s and then 60+ male and female with moderate to proficient knowledge in fitness and computer skills. With most doing it for fitness and fun, leisure. ATHANS - 2018 Client / Self-initiated project Material / Adobe Illustrator, Adobe Dreamweaver Concept Development / Cai-Lin Yu Logo & Visual Design / Cai-Lin Yu Wireframe / Cai-Lin Yu Website Coding / Cai-Lin Yu
68
RAW
69
USER EXPERIENCE
70
ATHANS
RAW
71
USER EXPERIENCE
MOSA
MOSA MOSA 是一款結合實地考察的手機遊戲概念設計， 我們認為遺失文化的人需要一個機會去挽回或記錄 遺失的文化，而無意識的人往往需要一個契機才能 意識到自己是主流或非主流的人，進而對自身以及 他人的文化產生好奇心，我們期望藉由在地的故事 引發這兩個極端族群對本土文化的好奇心，我們無 法阻止這些地方被拆除，但至少想讓他們留下一點 存在過的痕跡。 MOSA is a mobile game which targets two extreme groups in Taiwan: those who had lost their culture and those who are not aware of the cultures. The game provides them an opportunity to know the stories happened around their living areas. The game first took place at Military Kindred Villages which are one of the most unique cultures in Taiwan. The houses in these villages were often haphazardly and poorly constructed, having been built hastily with limited funding. Many of them were isolated by bamboo fences and a unique culture was formed. MOSA - 2016 Client / Self-initiated project Material / Adobe Photoshop, Adobe Illustrator, Adobe After Effect, Adobe Premium, Canon EOS M50 Art Director & Project Leader / Ling-Er Chen Visual Design/ Cai-Lin Yu Concept Developing/ Ling-Er Chen, Cai-Lin Yu, Shou-Ren Chang, Wei-Sheng Xu Trailer Photographer/ Wei-Sheng Xu Trailer Edit & Post-production / Ling-Er Chen, Cai-Lin Yu, Shou-Ren Chang, Wei-Sheng Xu
72
RAW
73
USER EXPERIENCE
74
MOSA
RAW
75
WORKING PROGRESS
76
RAW
77
WORKING PROGRESS
ULTRASONIC TYPESETTING & LAYOUT EXPLORATION
25 pt
The Powerful Role of Music
14 pt
Music and society have always been intimately related.
8.5 pt
Music plays an important role in our daily lives and is woven into the fabric of society. We listen to music while alone or in company, in a dance club or at home, through simple headphones or via high-end speakers, as background or as foreground, after we get up or before we go to bed. Music accompanies us when we are traveling, doing sports, shopping, working or relaxing.
1st & 2nd LAYOUT TEST
78
RAW
ULTRASONIC - A GUIDE TO THE BEST LIVE MUSIC VENUES IN MELBOURNE WIREFRAME
MOTION GRAPHICS
79
WORKING PROGRESS
BIOMELBOURNE NETWORK LOGO SKETCHES
LOGO DEVELOPMENT
80
RAW
PENINSULA LARDER REFINED LOGO OPTIONS
PACKAGING DESIGN DEVELOPMENT
81
WORKING PROGRESS
WHY READ STORYBOARD
82
RAW
CONNECTED DESIGN DIRECTION OPTIONS
83
Contact
+61 432087945 windywindy0320@gmail.com Online Portfolio
www.behance.net/cl-yu vimeo.com/cailinyu issuu.com/cailinyu/docs/RAW_portfolio
84
BEST BEFORE 01/07/18