Bernard Ho’s Portfolio
2019
Essence is the property or set of properties that make an entity or substance what it fundamentally is, and which it has by necessity, and without which it loses its identity.
1
Bernard Ho’s Portfolio
2019
Essence is the property or set of properties that make an entity or substance what it fundamentally is, and which it has by necessity, and without which it loses its identity.
3
00 4
Content RĂŠsumĂŠ
02
A - Editorial Design
04
1
Graduate Studetns' Joint Exhibition Monograph
05
2
A Volume of Sham Shui Po Community Culture on Infographic Design
10
3
Dai Pai Dong Yum Yum Monster Zine
18
4
Graduate School of Design Department Brochures
25
5
Clinical Guideline Brochure
30
B-
Web Design
34
1
Catalonia Tourism Japanese Microsite
35
2
Kansai Start-ups O2O Platform Microsite
40
3
Fashion Accessories Webshop
44
C - Branding
48
1
Graduate Studetns' Joint Exhibition
49
2
1+ COFFEE & ART Identity Design
58
3
Yunlin Triangle Identity Design
63
4
Recruit Event in Campus Identity Design
66
5
Internal Marketing & 2D Animation for Global Event
70
01
Content
D - Illustration & Campaign
74
1
Risograph Printed Zine - Fish
75
2
Illustration for Italian Wine Brand Campaign
78
3
International Design and Art Joint Exhibition Poster Design
82
4
Dai Pai Dong Yum Yum Monster Zine - Illistration
84
Typography
88
1
Alphabets of Academic Dicipline
89
2
Logotype Design and Explore
92
3
Bei Wei Kai Shu Lettering Design
94
E-
F-
Photography
96
02
Shing Yan Bernie, Ho 1992年生於香港,來自於一個四個成員的香港家庭。2008年赴台灣繼續學業,就讀國立師範大學僑生先修部,次 年於國立中正大學修讀外國語文學系。2015年於國立雲科技大學視覺傳達設計系就讀碩士班,2018年畢業。 目前於香港與台北往返兩地工作、生活。
個人資歷
生日: 01/18/1992
Email: bernard9001@alum.ccu.edu.tw
behance: behance.net/bernard9001
issuu: issuu.com/bernard9001/docs/portfolio
2010 國立中正大學 外國語文學系
語言
2015 國立雲林科技大學 視覺傳達設計系 碩士班
經歷
Global Digital MOJO (Mojo Innovations Limited) Junior Storyteller - Media
廣東話(母語)
國語、英文(精通)
Aug 2018 - July 2019
→ 品牌策略及行銷 - 為自品牌及客戶品牌進行市場分析、策略應用、執行視覺設計及規劃
→ 2D 動畫 - 為自品牌及客戶品牌執行2D小動畫行銷廣告製作
→ 網頁設計 - 曾執行超過四個網頁專案,執行作業包括UR、UX、Wordpress設計、後期網站管理 → 成人教育課程、工作營 - 執行形象設計、行銷推廣及擔任課程助教
國立雲林科技大學
碩士班聯展社區設計計畫
Aug 2015 - May 2017
→ 2016年度碩士班聯展社區設計_清境社區 - 執行水果品牌形象重塑及包裝設計
→ 2017年度碩士班聯展社區設計_來吉社區 - 擔任形象組執行形象設計、行銷、展覽規劃及各類文宣設計
國立雲林科技大學
設計研究中心 設計專員
June 2015 - May 2017
→ 第19屆國家講座暨第59屆學術獎頒獎典禮 - 擔任形象組進行形象規劃、典禮視覺與佈置、專刊及文宣編排
→ 2016年度國際品牌工作營 - 擔任活動助理,執行形象、活動攝影及成果專刊編輯排版
→ 國立雲林大學聯盟 - 執行形象設計提案及企業形象手冊規劃
→ 國科會外籍三管維護照護教育計畫 - 執行資訊圖文設計、照護手冊編輯設計及印刷
Résumé 2019
教育程度
03
視覺傳達 資訊設計 形象識別 品牌策略
軟體
Adobe Illustrator Adobe Photoshop Adobe Indesign
Adobe Lightroom
Adobe After Effect Glyphs
Wordpress Keynote
Microsoft Powerpoint Microsoft Word
文字造型 字體設計 2D動畫 插畫 攝影
獎項與證書
Adobe Design Achievement Awards 2017 Adobe Design Achievement Awards 2018 Toeic Score(2014): 890
興趣
攝影 旅遊 足球
閱讀 字體
04
Editorial Design
A Editorial Design
A1
05 National Yunlin University of Science and Technology Department of Visual Communication Design Graduate Studetns' Joint Exhibition Monograph
Graduate Students' Joint Exhibition Monograph / 200 x 200 mm / 124 pages
國立雲林科技大學 視覺傳達設計系 碩班聯展 成果專刊
Book Cover Design : Bernard Ho
Photography : Paul Chiu
Illustration : Athony Fook / Bernard Ho
Screen Printing : Paul Chiu / Bernard Ho
Layout Design : Paul Chiu / Bernard Ho
Text : Paul Chiu
06
Editorial Design
! ʉ y o e v o e v a' ʉ!
y o e v o ! e ʉ v ' y a veo o e v a'
As the graduate students of Visual Communication and Design, we are responsible for paying close attention to the social issue and provide public service to help. We want to try out design-based approaches and methods to help people in the remote Tsou community - Laiji tribe. We use "a'veoveoyʉ!來吉" ("a'veoveoyʉ" means "greeting" in Tsou language) as the title of this social design plan to show our motivation in which to gain more attention from the society and resource besides proceeding our social design project. The achievement of this social design project has been published as monograph.
07 This social design project is divided into four main dimensions: Cultural Education, Tribal Tourism, Lifestyle and Environmental graphic design. Every dimension focus on different aspect of the community. We apply legendary creatures of Tsou culture to symbolise different dimension which each dimensions contain several subprojects conduct different design-based approaches towards local industries and people in Laiji tribe.
The cover design is originally printed in black and white on grey board paper and combines with screen-printing technique which logotype is printed in multi-layers (blue & red).
The four Dimension on this scoail Project.
08
The process of screen-printing.
We hope our work will successfully benefit the Laiji community in various aspects and at the same time raise attentions from the society in order to generate more resource and assistance for them.
09
Editorial Design
國立雲林科技大學涉視覺傳達設計系碩士班聯展為系所 年度計劃,透過設計導入並協助偏遠社區尋找改變的可 能。2017年碩士班聯展名為「 a'veoveoyʉ!來吉」;阿里
山鄒族原住民部落來吉社區經歷天災摧殘,需要社會更多
的關注以及援助。 「 a'veoveoyʉ!來吉」期望透過設計思考 幫助社區解決問題及為社區爭取曝光。 本次聯展形象為五
個鄒族神獸,分別象徵計劃中的不同面向,同時希望喚起部 落文化傳承的議題。
本專刊收錄了「 a'veoveoyʉ!來吉」中針對社區內不同問
題面向而進行的解決方式與呈現,一共四個面向、十八各組 別。 專刊封面以絹印方式製作,採用鄒族民族的代表性顏
色-紅色與藍色的顏料印製於灰卡紙上作為封面,表現鄒 族的民族色彩、工藝手製、原始的印象。
10
Editorial Design
A Stroll Through the Century A Volume of Sham Shui Po Community Culture on Infographic Design
百年漫埗 深水埗社區文化歷史 資訊圖文刊物 Book Cover Design : Bernard Ho Layout Design : Bernard Ho
Information Design : Bernard Ho
A2
Binding : Bernard Ho
A Volume of Sham Shui Po Community Culture on Infographic Design / 287 x 410 mm / 24 pages
11 For the suppression of education of local and reginal history and the pressure under the globalization, most of the communities, old buildings and many historical inheritances in Hong kong have been changed, destroy and forgotten during and before the transfer of sovereignty over Hong Kong.
To maintain and reestablish cultural identiy by constructing cultural identiy with subjectivity through historical discourse of cultural experience, lifestyles and communities have been always a cultural issue for Hong Kong people since the hand-over.
This publication introduces historical events about Sham Shui Po which is a historical community and have witnessed the transition of history, economy and community from the colonial period of Hong Kong. This publication was made by sew binding to manifest the raw imagery of Sham Shui Po.
12 從香港回歸前後的政治體制對香港本土歷史教育與香
港文化的完整解讀不足以及全球化的趨勢之下,富有文 化與歷史意義的建築、社區以及遺產等舊有風貌受到不 斷的改變與破壞,維護與延續香港本土文化及建立身分 認同成為自回歸以來香港人共同面對的文化議題。
因為獨特的歷史背景之下,文化認同與身分政治的議題 自回歸以來一直引起不斷的爭論。如何開始從社區、生
活、文化經驗的本土歷史論述中建構是具有主體性的香 港身分論述是本土文化運動的主要議題。
13
Editorial Design
Bookmark Design / 100 x 150 mm
深水埗有著久遠的歷史,見證香港本土歷史、經濟發展與 社區改革,本冊介紹香港深水埗社區從上世紀租借時期 開始之本土生活及社區文化傳統等資訊,透過資訊設計 記載與展現香港自英國政府殖民以來的歷史變遷。
本出版物使用線狀方式進行裝幀,透過此簡單直接的裝
訂方式對應深水埗社區文化中大眾層面的內涵與意象。
14
15
Editorial Design
16
17
Editorial Design
18
Editorial Design
Dai Pai Dong Yum Yum Monster Zine
Yum Yum Monster Zine / 105 x 228 mm / 52 pages
大牌檔 食食獸Zine
Book Cover Design : Bernard Ho Layout Design : Bernard Ho
A3 Illustration : Bernard Ho Text : Bernard Ho
19
YUMYUM ! YUMYUM ! YUMYUM ! Hong Kong food culture is likely to be the best portrayal of local lifestyle. In the past, to enhance efficiency, restaurants had invented a variety of special terms which became very common and widely used by local people. These special terms are the precious heritages that reflect the folk culture and great imagination of people in the past. Among the local food industries in Hong Kong, "Dai Pai Dong" is classic and particularly exciting; it includes various categories of food that you can think of which is the reason of why the special terms is relatively rich. However, traditional restaurants which preserves these precious cultures is vanishing. Meanwhile, for the popularity of computerized operation in restaurants, the use of special terms has been replaced and abandoned which makes them disappear due to the lack of use by generations. The illustrations can hopefully help promote the precious cultural heritage of food industry in Hong Kong to the people, and let them experience the nostalgic humour by introducing a variety of special terms. Therefore, the "Yum yum monster" ZINE was born.
Editorial Design
20
21
More details in Illustration & Campaign (D4) ...
22
飲食文化可以說是香港庶民生活的真實寫照,過去經營 者為了提高營運效率,衍生出各種特殊術語並融入民間
日常當中,受到廣泛使用。從這些特殊用語中能夠反映民
間風情與想像力,是珍貴的文化遺產。其中「大牌檔」的經 營方式特別精彩;含括早市的粥品檔、午市的路邊茶座、 晚市和夜宵的小菜等等,特殊術語的應用也相對豐富。
Editorial Design
23
24 隨著電腦化操作的普及,民間經營的餐營業捨棄了傳統
「口頭」的點餐模式,特殊術語的文化正面臨消失的危機; 同時,保存著這些珍貴文化的食肆日漸式微,這種特殊術 語的語言文化逐漸受到普羅大眾的遺忘。
期望透過插畫的方式,向大眾呈現飲食產業中彌足珍貴的 文化遺產,介紹各種特殊術語的過程中能讓大眾感受過去
的 飲 食 氛 圍,了 解 過 去 庶 民 生 活 的 文 化 底 蘊 。因 此,食 食 獸」ZINE 因此誕生。
Editorial Design
25 National Yunlin University of Science and Technology Graduate School of Design Department Brochures
Layout Design : Bernard Ho Photography : Paul Chiu Text : GSD 設計學研究所
Department Brochure / 208 x 297 mm / 5 pages - Tri Fold
國立雲林科技大學 設計學研究所 系所刊物
A4
26
G - Graduate S - School of D - Design Graduate School of Design sustains the value of integration of international development which encourages people with different nationalities to join. In order to let people understand about the perspective and direction about GSD quickly and thoroughly, the brochure was designed requiring simplicity and intuition.
27
Editorial Design
28
設計學研究所以國際交流合作及多元整合研究為教育目 標;為能夠在系所刊物上能夠讓閱讀者迅速理解系所願
景、研究方向及課程規劃等等資訊,本刊物以簡潔的方式 進行設計,資訊內容能夠更直覺性地向閱讀者傳達。
Editorial Design
29
Editorial Design
30 Indwelling Breathing, Nasogastric and Urinary Catheter Maintaince Clinical Guideline Brochure
Catheter Clinical Guidelines Brochure / 148 x 210 mm / 28 pages
氣切、鼻胃管、尿管 三管維護步驟 照護手冊
Book Cover Design : Bernard Ho Layout Design : Bernard Ho
A5 Information Design : Bernard Ho Text : GSD 設計學研究所
31 This clinical guideline brochure is designed especially for catheter maintaince carers. The brochure cover is inspired by the pattern from calender which symbolized the essentiality of the all-day-round tasks for carers and patients. Using the orange color emphasizes the details of the instruction which help the carers understand more instantly besides the diagram instruction.
32
Editorial Design
33
三管維護步驟照護手冊專為照護人士所設計之照護教
材。封面設計以日曆編排作為靈感,象徵照護為照護者與 病人的日常重要工作;以橘色應用為封面主色調以及內 文步驟說明內需要注意之內容重點。
34
Web Design
B Web Design
35
加泰隆尼亞旅遊 日文推廣微型網站
jp.catalunya.com/
Catalonia Tourism Japanese Microsite
B1
UI Design : Bernard Ho
Web Development(WP) : Bernard Ho
As a government tourism agency, the client's goal is to expand their business in the Japanese market, to promote the local tourism industry and attract more Japanese tourists to visit. Therefore, it is necessary to develope a Japanese promotion website based on Japanese tourists' preferences. This website was designed based on the needs of Japanese users through pre-user research, functional map, wireframe, and prototyping. This website aims to create aplatform with a simple interface.
Web Design
36
User Research Brand DNA & User Experience
Current Product Analysis
To know about our client and set up goals for this project, we start from doing insight research by making mood wheel. We make sure we have deep knowledge about the clients’ brand and their expectation; more importantly, what experience we are going to provide in this project. Focusing on Japanese market, we will make sure the website can meet Japanese users’ expectation and their needs. The team also understands the website will be a good promotion platform for Catalonia tourism towards Japanese market.
Besides Brand analysis and insights, we need to understand their current product by analysing them, which will give us useful reference for further concept development. We take a look at their website and find out its poor navigation and operations problem which we must keep that in mind and avoid such issue happened in our JP version website.
Persona & Key User Experience By developing persona, we are able to know more information from our key user and what kind of expectation they need while they are using the website. This will help us to create a functional map for the new website.
37 Overall User Behaviour - 80% of people use internet PC 52.5% Smart phone 59.7% Elder User Behaviour - How they access the site 20-59 Use Smart phone more than PC > Site must be responsive Over 60 generation USE PC more than Smartphone > user friendly, adjustable font size, easy to explore Key User Experience Gastronomy (Main Persona A) > sensory images Art & culture (Main Persona B) Shopping (Main Persona C) Nature (Main Persona D)> focus on strong photography B to B (Main Persona E) NEW explore/ The first time of adventure (Main PersonaF) > Suggestions and curated holidays may be important
Proposed Sitemap After we gathering insights and references, we then move on to concept phase and subsequently propose the sitemap which present the structure and navigation in the website to out client. We make sure the client know thoroughly about our concept and how it is helping the client to archive the goal of this project.
Key Section
Explore Things To Do Where To Stay Make a Plan MICE
38 User Research | Funtional Map
Brand Insight Case Study Persona Method User Experience Secondary Research
| UI Flow
Site Map
| Wireframe
Screen Blueprint Visual Guide
| Prototype
Wix
| Development
Wordpress CSS Coding
39
Web Design
40
Web Design
Kansai Science City Start-ups O2O Platform Microsite
關西文化學術研究都市 新創科技公司交流平台 微型網站
http://kyotoconnectscewc.org/
This project focuses on marketing and web design, we aims to attract more new startups to participate in the Expo and our client's promotion events. Regarding to the web design, we execute through user research, functional map, wireframe, prototyping and other programs to create a website that meets the needs of users, and we encourage users to naviagte in the website by using powerful visual impact.
B2
UI Design : Bernard Ho
Web Development(WP) : Bernard Ho
本專案專注於行銷及網頁設計,目標吸引更多新創公司
參加該博覽會以及客戶的推廣活動。在網頁設計上,拖過
使用者研究、製作心智圖、網頁架構、原型製作等程序,製 作出合乎使用者需求的網站,同時也使用大量的圖片吸
引使用者進行點擊的動作。在色彩上也應用了暖色系,以
一種活潑、具有力量的視覺衝擊,鼓勵使用者繼續探索。
41
Brand Analysis
Funtional Map
Brand DNA & User Experience
Product Development
The team started this project by working on the first deliverable for Keihanna RC, which was an Insights Report. The purpose of this report was to gain useful insights for the team to better understand our client’s experiences, beliefs, needs or desires, the team did an in-depth analysis on Brand DNA and key user experience.
Microsite sitemap(Funtional map) development & Prototyping on Wix. These have been proposed to our client during concept phase. At this stage, we also maintained a close communication during the process. As they were not familiar with technology, we kept guiding and encouraging them to embrace the advantage of technology, which is part of our job as a global digital transformation agency.
Strategy: Integration with Social Media These were provide to demonstrate to the client how they could promote themselves to local or global audience and gain the most audience attention as much as they could get with the help of internet. The proposal was done to highlight this important aspect that the client was currently lack of. The idea of social media marketing is to reach a global audience in an efficient way and with the integra tion with microsite, we can drive much more traffic there to help the client pr omote themselves effectively.
Web Design
Funtional Map | UI Flow | Wireframe | Prototype | Development
42
43
Web Design
44
時尚配飾 網路商店
illizaho.com
This project focuses on marketing and web design, we aims to attract more new startups to participate in the Expo and our client's promotion events. Regarding to the web design, we execute through user research, functional map, wireframe, prototyping and other programs to create a website that meets the needs of users, and we encourage users to naviagte in the website by using powerful visual impact.
Fashion Accessories Webshop
B3
UI Design : Bernard Ho
Web Development(WP) : Bernard Ho
本專案專注於行銷及網頁設計,目標吸引更多新創公司
參加該博覽會以及客戶的推廣活動。在網頁設計上,拖過
使用者研究、製作心智圖、網頁架構、原型製作等程序,製 作出合乎使用者需求的網站,同時也使用大量的圖片吸
引使用者進行點擊的動作。在色彩上也應用了暖色系,以
一種活潑、具有力量的視覺衝擊,鼓勵使用者繼續探索。
45 User Research Brand DNA & User Experience To understand the brand and make sure everything we do is on-brand, brand analysis is inevitable. This mood wheel to help us understand the brand DNA and the key user experience we want to provide. We want to create a fantastic journey to the user while they are navigating in the webshop. We want to create an elegant atmosphere and present them the great creativity of our client, and ultimately to generate more leads for client’s business. This mood wheel will also be treated as success measure after we close the project. Current Product Analysis
Marketing Strategy
Client’s old online webshop site is a good case study for the team. We can understand the more about the website by integrate it with google marketing platform. This will help us to know more about what kind of website the client need and data about website engagement. This provides precious insight for us wile we are working on concept phase.
After launching the webshop, we start focusing on marketing strategy. The goal of the strategy is to gain traffic for the webshop in order to get business lead. We develop a posting schedule and create content to attract people attention and engage them by telling the brand story. In the mean time, we also work on ad campaign and track them through social report; we make sure the everything is under control.
46
47
Web Design
48
Branding
C Branding
49 National Yunlin University of Science and Technology Department of Visual Communication Design Graduate Studetns' Joint Exhibition
國立雲林科技大學 視覺傳達設計系 碩班聯展
Identity Design : Paul Chiu / Anthony Fook / Bernard Ho Layout Design : Paul Chiu / Anthony Fook / Bernard Ho Photography : Paul Chiu / Anthony Fook
C1
Graduate Students' Joint Exhibition Identity
50 The Tsou, the seventh-largest indigenous group in Taiwan, has dwelt in the island for hundreds of decades. As an Austronesian ethnic group, they are spreaded across three administrative entities of Taiwan which include Nantou County, Chiayi County and Kaohsiung City. Laiji tribe, which is acknowledged by Tsou people to be the “Everlasting Tribe” as it rests at the foot of the Tsou’s “Holy Mountain”, located in Alishan Township, Chiayi County. According to legends, hunters from Fuye Settlement, one of the Largest Tsou tribe, discovered this place during a boar hunt several hundred years ago. Since it was a promising place to live in and farm, some Tsou people moved here and made boars as the symbol of Laiji.
Social Design for Remote Community
51
Branding
Logo Design : Paul Chiu
In 2009, Typhoon Morakot, as the deadliest typhoon to impact Taiwan in recorded history, brought catastrophic damage in Taiwan. Laiji Tribe was severely damaged by mudflows and flooding which triggered by the extreme amount of rain. People in Laiji lost almost everything they had, and for the government’s limited assistance and resource, people in Laiji have been struggling to make a living since. As the graduate students of Visual Communication and Design, we are responsible for paying close attention to the social issue and provide public service to help. We use "a'veoveoyʉ!來吉" ("a'veoveoyʉ" means "greeting" in Tsou language) as the title of this social design plan to show our motivation in which to gain more attention from the society and resource besides proceeding our social design plan.
52
53
Branding
Branding
54
We want to try out design-based approaches and methods to help people in the remote community - Laiji tribe, and we aim to connect with and explore more about the culture of Tsou in Laiji tribe and help create better lifestyles through social design. This social design plan can be divided into four main dimensions: cultural education, tribal tourism, lifestyle and environmental graphic design. We used the mythical characters from Tsou to symbolise different aspects in our social project, We hope our work will successfully benefit the Laiji community in various aspects and at the same time raise the attention from the society in order to generate more resource and assistance. As the providers of such public service, we do not gain any profit or interest from this plan or exhibition.
Graduate Students' Joint Exhibition Working Card / 145 x 98 mm
Craft Industries
Cultural Education
Identity Design
Cultural Education
Environmental Graphic Design
55
Graduate Students' Joint Exhibition Exhibition Poster / 841 x 1189 mm
國立雲林科技大學涉視覺傳達設計系碩士班聯展為系所 年度計劃,透過設計導入並協助偏遠社區尋找改變的可 能。2017年碩士班聯展名為「 a'veoveoyʉ!來吉」;阿里
山鄒族原住民部落來吉社區經歷天災摧殘,需要社會更多
的關注以及援助。 「 a'veoveoyʉ!來吉」期望透過設計思考 幫助社區解決問題及為社區爭取曝光。 本次聯展形象為五
個鄒族神獸,分別象徵計劃中的不同面向,同時希望喚起部 落文化傳承的議題。
56
57
Graduate Students' Joint Exhibition Exhibition Pamphlet / 210 x 297 mm / 8 pages
Branding
58
C2
1+ COFFEE & ART Identity Design
一家咖啡 形象識別設計
“One Plus represents a value that people can visit a cafe on their own without companies, and when they meet someone there, they can befriend one another and even become family in such cozy place.” When I start developing my concept, I tend to focus on the harmony feeling of a faimly. So I use the shape of multi-roof to represent the following message: 1. To become a family under one roof no matter where you come form. 2. One roof with the addtion of other makes the family connection bigger and stronger. In terms of color and style, I would like to bring out the message of simple, unpretentious quality and experience. 「One Plus 代表一個人也能來的咖啡店,透過自己再認
識一個人,來到這能像『一家』輕鬆自在的感覺。」本形象 設計從家的意象進行發想。透過「兩個屋頂」代表著兩種
意涵:一、在同一屋簷下都是一家人;二、彼此慢慢建構著 Logotype Design : Bernard Ho Graphic Design : Bernard Ho
一個更大的家庭。在色彩以及風格方面以樸素的作為創 作核心,散發一種單純、不做作的優質感受。
Branding
59
Business & Score Card / 88.9 x 50.8 mm
Social Post Template / 1080px x 1080px
60
Flipping Menu in Retro Style / 3 pages
Flipping Menu in Retro Style / 3 pages
Base on the direction for the visual elements, they are applied to varios work including: menus, cards, promotional materials, signboards, cup designs, coffee packaging, and so on. Can't wait to collaborate with and do more for brand in the near future.
從形象設計中延伸到不同的應用,包括:菜單、卡片、宣傳
物、招牌、杯身設計、咖啡包裝等等。期望日後能夠為品牌 發展出不同的可能性。
Branding
61
Photo by Courtesy of @1pluscoffee
62
Yunlin Triangle Identity Design
雲林國立大學聯盟 識別設計
Identity Design : Bernard Ho Layout Design : Bernard Ho
63
Branding
雲林國立大學聯盟 YUNLIN TRIANGLE
C3 This identity design focus on the triangle formed by three angles to symbolize the sustainable and mutually beneficial cooperative relationship between the National Taiwan University, National Formosa University and National Yunlin University of Science and Technology. The bond revolves around which stands for the three main aspects of the alliance's cooperation program; they represent agriculture and biotechnology, medical care and care, and the environment and renewable energy respectively; they combine and connect to each other which form as a "Yunlin Triangle".
雲林國立大學聯盟 YUNLIN TRIANGLE
雲林國立大學聯盟 YUNLIN TRIANGLE
64
orm
F al
on
ti Na
Na
Sc
tio
ien
本設計採用紐帶所形成之三角形作為主視覺,象徵台大、 虎科大與雲科大三校聯盟的合作關係,是永續、互利、緊 密的交流。三角紐帶圍繞著聯盟合作計畫中的三個主要 面向,分別代表農業與生物科技、醫療與照護、環境與再 生能源。三個面向形成的形狀,象徵聯盟所在的地理位 置,通過緊密合作帶給三校利益以及帶動當地發展。
a os
na
ce
ity
Un
rs ive
lY un an lin U dT n ec ivers hn olo ity o f gy
Branding
65
Na
na tio
l Ta
iwa
nU
ity er s niv
C4
66
Recruit Event in Campus Identity Design
Illustration : Bernard Ho
Layout Design : Bernard Ho
校園招募活動 形象設計
This project is dedicated to the team identity design for the upcoming campus recruitment activities. Using strong color to attract attention and connect with brand value and impressions, as well as modern visual elements to represent a lively, youthful feeling. And we encourage students to learn more by emphasizing team characteristics - international and technological. This identity design also applys to online platforms and printing.
67
Branding
Campaign Booklet / 203.2 x 203.2 mm
ID Card / 134 x 105.1 mm
此形專案專門為團隊為新一年度的校園招募活動進行 形象設計。 使用強烈的顏色對比吸引目光以及連結品牌
印象,並利用現代的主視覺元素呈現活潑、年輕的感覺; 並同時強調國際化、科技化的團隊特色,鼓勵學生了解
更多資訊。 本形象設計應用於線上平台以及印刷輸出。
Branding
68
LinkedIn Campaign Post / 1200 x 628 px
Campaign Poster / 297 x 420 mm
69
Other Resize Treatment on Other Social Media
Campaign Roll-up Banner / 600 x 1700 mm
C5
70
Internal Marketing Campaign for Global Event
Graphic Design : Bernard Ho
For promoting team value and work on social media platforms, it is necessary that we need publish relevant regular post related to international events, so is the e-newsletters sharing. To attract more viewers to read and subscribe, visual is an important aspect in order to create more domestic or international business lead. Strong brand image and good readabilty are the things I need to pay attention to while I am designing marketing works.
Internal Marketing Post / 1920 x 1080 px
為團隊在社交媒體等平台上推動更多的曝光,在國際活
動與節日上發佈相關單元題材,以及定期發佈電子報,吸 引觀眾點閱、訂閱,持續推廣品牌理念,希望能夠創造更
多國內外的合作機會。在設計過程中,風格上必須符合品 牌形象和注意資訊上的易讀性。
71
Branding
E-Newsletter / 1200 x 8400px
E-Magazine / 210 x 297 mm
Service Icon
Project Pages
Coffee Time with MOJO Sub-brand
72
2D Animation - After Effect
In addition to marketing 2D promotion, as a team we also need to provide animated promotion on Instagram and youtube platform on related activities. From concept to idea, storyboard to production, we should follow a proper style guide.
Christmas Marketing Animation
https://www.youtube.com/watch?v=iYQt7TzRvzQ
73
除了平面上的行銷宣傳以外,例如在instagram以及
YouTube平台上需要動態宣傳,於相關活動上進行發佈。 從概念發想、分鏡腳本到動態製作必須符合品牌形象。
Branding
ANIMATION ANIMAANIBrand Video Bumper
https://www.youtube.com/watch?v=UdzM_IHq7NY
74
Illustration & Campaign
D Illustration & Campaign
D1
魚仔 zine
Illustration : Bernard Ho
Printing : Dotdotdot Studio
75
A SONG A ZINE FISH
120mm x 162.5mm / Risograph printing
Illustration & Poster
76
This zine is a tribute to Crowd Lu(also known as Captain) and one of my favourite Lu's song Fish ("He-R"). This song will always come on my emotional triggers which gives me goosebumps every time. "He-R" is a musical journey without destination; it depicts himself as a fish struggling to seek its love in the middle of nowhere but finally redeem itself with hope in the very end. What I want to show throughout the zine is a healing process of self-redemption. When I hear this song, I can think of where I was when I first heard it, and I try to visualise those memories and feelings while I am working on the illustration. Through this creation, I want to share my love of this song, I hope you like it. Enjoy!
77
D2 Illustration : Bernard Ho
78
Illustration for Italian Wine Brand Campaign
79 This topic is the annual marketing sharing campaign of the Italian wine brand during Christmas and Japanese New Year Festival. By adding the festive elements and using the strong contrast of colors with hand-painted style, I try to show the festive atmosphere of these two important event in Japan. At the same time, the brand products are added to connect between brand and the festival.
Illustration & Poster
Facebook Campaign Banner / 1920 x 1080 px
80
此專題為義大利果酒品牌於聖誕節以及日本新年的年度 行銷分享活動。以手繪的風格,節日元素以及強烈的色
彩對比傳達出節日和樂融融的節日氣氛;同時也加入品 牌產品帶出品牌與節日的氣氛連結。
Facebook Campaign Banner / 1920 x 1080 px
81
Instagram Campaign Post / 1080x 1080 px
Facebook Campaign Post / 1920 x 1080 px
D3
82 Kaohsiung Creators Association 2017 International Design and Art Joint Exhibition Poster Design
New Year Poster Design / 841 x 1189 mm
2017 雞飛狗眺 高雄廣告協會 國際設計藝術聯展 海報設計
Illustration : Bernard Ho
83
This poster was designed for 2017 International Design and Art Joinnt Exhibition of Kaohsiung Creators Association as New Year poster. The illustration was inspired by the main variety of chicken in Taiwan; using such combination was able to represent Taiwan and deliver the festive feeling about the New Year of chicken. 本海報創作為高雄廣告協會國際設計藝術聯展的參展海
報,題目為「雞飛狗眺」。為了能夠營造節慶的歡樂氣氛以 及切合具有代表台灣的原素。以台灣雞的九種主要品種
為發展;展翅、跳躍的動作展現了主題和樂的感覺,同時
Illustration & Poster
也讓大家認識台灣雞的各種品種。
84
D4
大牌檔 食食獸插畫
Dai Pai Dong Yum Yum Monster - Illustration Illustration : Bernard Ho
This project aims to help promote the precious cultural heritage of food industry in Hong Kong through illustration, and let people experience the nostalgic humour by introducing a variety of special terms in order to understand Hong Kong culture of the past. Each illustration inspired by the special term of the food in Hong Kong food culture.
85
以插畫的形式向大眾呈現飲食產業中彌足珍貴的文化遺 產,介紹各種特殊術語的過程中能讓大眾感受過去的飲
食氛圍,了解過去庶民生活的文化底蘊。每張插畫靈感都
來自特定的香港飲食術語;以強烈的顏色對比呈現,搭配 誇張的繪畫風格呈現飲食文化中的豐富內涵。
攬住
攬面
食丁
6
7 8
堂食
打壞
油炸鬼
熟春
86 生春
敗家仔
單收
印度老舉
206
和尚跳海
腿通
擺尾 鬼佬肉
玻璃
飛邊 夂06
常餐
29
雞屙屎
烘底
黑汁白汁
下火 牛意
打爛
87 茶走
兜亂 隊Q住
孖春
反春
行街 制水 蘿柚
咪嘔住
燒衣
滾水
蛋河
肥妹
老舉皇后
田
靚女
靚仔
非
力
央
88
Typography
E Typography
89
Typography Design
學術英文字母 文字造形
E1
The Alphabets of Academic Dicipline
Typography Design : Bernard Ho Layout Design : Bernard Ho
90
91
Typography
“Archaeology”
“Japanology”
“Business”
“Organizational Studies”
The Alphabet of Academic Desciplines was designed as an assignment for the typography course during graduate school. Each alpahbet represents an academic discipline which combined elements from that academic. Trying out an old-fashioned illustration style met with the impression of western academic disciplines.
學術英文字母為碩士班期間的文字造形課作業。
在創作中,每個英文字母代表著不同的學術領域, 並加入該學術領域的代表原素進行襯托,以西方 懷舊的插畫風格呈現,對應主題氛圍。
“Computer Science”
“Quantum Chemistry”
“Web Design”
“Histology”
“Phychology”
“Zoology”
Typography
標準字 設計與探索
92
E2
Logotype Design and Explore Every logotype practice was designed through
每款標準字的設計都經過不斷的思考,嘗試以及相關作
design which helped me understand more about
重要性,獲益良多。
numerous attempts and explorations in logotype the importance of design process and execution.
Logotype Logo- Logotype type
品的探索。 從不同的創作中明白設計步驟與呈現手法的
93
Typography
香港 北魏楷書 書法字體設計
The Northern Weibei Calligraphy emphasizes the sharpness of strokes, tails, transitions and the thickness of the stroke which guarantees its recognition; as the result, they became a popular style in Hong Kong. This Typograohy design refered to the Northern Weibei Calligraphy from signboards in Hong Kong which applied to "A Stroll Through the Century" - A Volume of Sham Shui Po Community Culture on Infographic Design.
94 Hong Kong Bei Wei Kai Shu Lettering Design
E3
北魏楷書在風格上凌厲的筆觸、誇張的收筆以及轉折,筆 畫粗細的對比較少,在遠距離閱讀時具有更高辨認性,成 為香港手寫招牌的風格潮流;筆畫之間的重疊較多、密
集,也是手寫招牌的特色之一。參考北魏碑書風格的招牌
後,經過拆解調整筆畫,進行造字,再進行調整校正,創造 出具有香港特色的書法文字,應用於創作論文「『百年漫 埗』-深水埗社區之資訊圖文創作」。
95
96
Photography
F Photography
97
98
Photography
99
100
Photography
101
102
103
Photography
104
105
106
Thank you for reading
107
108