Bu y
Me Pleas e
P o r t fo l i o Casper Ho 何伯濤
做廣告就是出賣 自己的一種方式
部 位挑選 商品:何伯濤 / M / 22
肝怎麼賣? p.04-15
畢展
腳 怎 麼 賣? p.16-29
UI / UX
腦怎麼賣?
Advertising / Branding
p.30-47
眼怎麼賣?
Graphic Design
p.48-51
手怎麼賣? Sketch
p.52-55
肝怎麼賣?
賣那些熬夜的時光 畢展
畢展
Kor Water是來自美國加州的水瓶品牌,以具設計感的外型, 搭配便利的把手功能及對地球友善的環保材質,希望傳遞給消 費者「Better me,better life.」的品牌理念,但由於水瓶屬 於低涉入的產品,本次企劃的TA大學生在購買水瓶時不會特 別注意品牌理念,這也是本次企劃的主要問題。
經過調查發現大學生在購買水瓶的首要考量因素為「外型」, 也普遍喜愛Kor Water的外型,因此本小組決定利用大學生喜 愛的外型進入大學生活,再進一步溝通較深的品牌理念。
p.06
肝怎麼賣?
企劃主視覺
Kor Water是一個簡約時尚的水瓶品牌,擁有多彩多 變的水瓶色彩及款式,水瓶與水的關係密不可分,利 用同樣與水息息相關且十分多彩多變的「水彩」,搭 配乾淨白底,更能貼合Kor Water多彩而簡約時尚的 形象,色彩計畫以Kor Water水瓶現有的色彩去做配 置。
我們利用大學生不可或缺的元素:朋友,以「喝水不 是一個人的事」為核心概念,提出「喝水友計畫」, 並分A、B兩計劃分期執行。
肝怎麼賣?
p.07
A 計 劃 : Dress Kor 在此階段,我們推出「Dress Kor校園穿搭接力賽」 的線上活動,藉由7位朋友在一週內的接力穿搭,用 Kor Water作為接力棒,活動期間不僅可以有大量大 學生與Kor Water的穿搭照在社群上發散,不同校不 同地區的好朋友們也因為參與這個線上活動而相約出 來拍照,更拉近彼此的距離,貫徹活動的核心概念: 用Kor Water將你與朋友們的美好生活串連起來。
並在活動開跑前,邀請校園紅人們搶先試 玩(上),製造話題也讓更多大學生知道 活動規則,提升Kor Water與活動的知名 度。
p.08
肝怎麼賣?
B計劃:KOR Out App
將我們要傳遞的概念「喝水不是一個人的事,與朋友一起喝水可以讓生活更美好」, 藉由品牌新開發的提醒喝水App「KOR Out」宣傳影片,讓TA透過影片無形中接受品 牌欲傳遞的概念,進一步加深TA對品牌的印象。
*完整影片可至YouTube搜尋: KOR Out your friends - Time for water!
肝怎麼賣?
p.09
製作物
掃描QRcode進入報名頁面
桌上型立牌 可單面開闔,打開有報名步驟及 活動示範照片等資訊,闔上後與
校園活動DM 為宣傳「DressKor校園穿搭接 力賽」的校園活動所製作,內 容包含活動的簡介、報名步驟 及獎項。
p.10
肝怎麼賣?
真實Kor Water水瓶大小一致, 讓立牌就能傳達Kor Water的造 型感及好攜帶。
月曆 以Kor Water水瓶的四種款式做 水彩的填色,色彩也是採用現有 的款式顏色,傳達喝水可以存在 於你的每一個日子,並以好書寫 的高磅數水彩紙輸出,成為卡片 的形式,可以將重要日子圈起來 作為卡片送出,關心周遭的人一 起喝水。 *此月曆已為企業沿用
名片 每位組員都以最能代表自己的一種顏色為底,加入主視覺的 白底水彩,如同Kor Water水瓶多彩的形象,每種顏色都代 表不同的個性及個體,名片設計靈感來自於Kor Water水瓶 外型「一體成形的外框設計、透明的瓶身」。
肝怎麼賣?
p.11
粉絲專頁 主視覺套用至本小組的Logo,同時 也是粉專的大頭貼並因應時事節日 做更改,例如當時星際大戰7即將上 映,而Kor Water也與星戰合作推 出限定款,因此有了左下的星戰版 頭貼。
企劃書 以Kor Water水瓶現有的顏色做 各部分的分類,內容包含前期市 場調查結果、消費者分析、競爭 者、創意發想、媒體排期及執行 成效。
C as e F i l m 為了讓參觀畢業展覽的民眾可以快速瞭解「喝水友計劃」 的企劃內容,特別製作了2分鐘的Case Film,於展間配 合導覽播送。
*完整影片可至YouTube搜尋: Kor Water x Some8ody「喝水友計畫」
肝怎麼賣?
p.13
展間 展間內除了有為展示水瓶而搭建的專用櫃,其中一面為集結 參與Dress Kor線上活動的參賽者們所組成的照片牆(上二) 並配有兩台Mac搭配導覽時播送Kor Out App宣傳影片及 Case Film。
p.14
肝怎麼賣?
展 間 小 遊戲 導覽順序方向為左進右出,我們將效益評估放在進入
為了讓觀展民眾可以加深對Kor Water透明瓶身的印象以
組員介紹區(上三)之前作為整個導覽的結尾。
及傳達「喝水與朋友同樂」的概念,我們發想了一個小遊 戲:找一位朋友,兩人戴上眼罩,各自用吸管喝水,若兩 人可以剛好把水喝到我們標記的水量就可以獲得獎品(折 價券及檸檬粉)。
肝怎麼賣?
p.15
腳怎麼賣?
賣行動力 UI / U X
City Cruiser
設計概念 滑板大致上分為「Street」及「Cruiser」兩種,前者 主要指雙邊皆有翹起,利於做出各式各樣特技的滑板, 而後者是非常Old school的滑板種類,美國的年輕人都 是拿Cruiser來代步,Longboard長板大部分也稱為 Cruiser。
取名為「City Cruiser」正是希望滑板族群用Cruiser 滑板代替自己的雙腳,發揮它的靈巧性,在城市中盡情 的冒險探索,用四輪代替雙腳,滑得更遠,滑得更帥。
p.18 腳怎 麼 賣 ?
將滑板的形狀及表示動態感的線條結合,以此為元 素,套用至City Cruiser的第一個字母「C」,而 App icon的用色,在三種配色中採用探索模式的
City Cruiser
陽光黃,表達App的核心概念就是探索。
60°
腳怎麼賣?
p.19
色彩計畫 Pantone P115-6C
City Cruiser
SUNNY 探索狀態
Pantone P174-16C
Pantone P179-16C
City Cruiser
個人狀態
Pantone P179-6C
Pantone P7-7C
City Cruiser
DAY
NIGHT
Pantone 806U
配色靈感來自三種天空與城市的配色: 藍天白雲的DAY,是藍色的天空配上連柏油看起來都舒服的淺灰。 艷陽高照的SUNNY,熱情的陽光把地面都烤得焦了一些。 不夜城市的NIGHT,黑幕高掛但在城市裡的霓虹燈卻更亮眼。
同時三種顏色分別在App中區分三種不同狀態。 p.20
腳怎 麼 賣 ?
搜尋狀態
介面介紹 建立/探索路線 City Cruiser的邏輯很簡單:紀錄妳滑板的路線,再分享給別人。
搜尋路線
個人專區
因此主要介面就是Google Map並有一個代表自己所在位置的藍點。 共有四種動作: 建立路線/完成路線、探索路線/完成探索,前 者代表自己開創了一條新路線,後者則代表探 索他人所創建的路線。
搜尋路線
個人專區
台北市
內湖區 舊宗路二段207號 25.073224, 121.573537
完成路線
搜尋路線
個人專區
(建立路線)
完成探索
台北市
中正區 (探索路線)
臨沂街97號 25.034140, 121.527755
完成探索
腳怎麼賣?
p.21
拍照/增加描述 不論是在建立或是探索路線,都可以在路線 上任一定點新增照片或滑板專屬標籤,並可 以直接分享在社群如Facebook、Instagram 上。 取消
(即時分享照片)
搜尋路線
個人專區
新增照片
新增標籤
(分享至社群)
個人專區
滑板專屬標籤 City Cruiser是專為滑板愛好者創立的App,由於在城市中各 種可能碰到的地形障礙都是在探索過程中可以挑戰也必須注意 的,因此在路線上的任一定點都可以新增滑板標籤,讓他人探 索這條路線時心裡也可以有個底,甚至是為了挑戰複雜的地形 而踏上探索這條路線的路。
完成路線
個人頁面 CARLTON 22" PENNY FRESH PRINT
CARLTON 22" PENNY FRESH PRINT
City Cruiser同時也是加強滑板社群之間連結的
CARLTON 22" PENNY FRESH PRINT
社交App,在個人頁面有已建立的路線(左)、
探索里程數
14.3k
真想一輩子跟滑板廝守
真想一輩子跟滑板廝守 探索里程數
14.3k
探索里程數
Casperho1213 在你建立的路線上新增了照片 枯藤、老路、昏鴉
敦南小探索
我愛的味我知道
在這等藝人
西門捷徑
大路我愛
2.8k
3.3k
1.5k
600m
1.1k
2k LeoLi10101 完成了你建立的路線
盡頭是好咖啡
我的公園路
夜滑也不怕
都是老師
北車不能騎車只好用...
2.6k
2k
4.2k
1.3k
3.1k
已完成探索的路線(中)及通知(右),並且不
Camille0207
Camille0207
Camille0207 真想一輩子跟滑板廝守
City Cruiser 恭喜你!你的路線登上了熱門路線
14.3k
1hr ago
1day ago
2days ago
論是建立或探索的路線,都可被計算里程數,里 程數累積到一定km數時,可以兌換旅遊行程(如 花東三天兩夜滑行團)、滑板及相關零件(實品 或折扣)。 腳怎麼賣?
p.23
Ticket Take 設計概念
Ticket Take
我們的生活有非常多的狀況都需要票券來兌換,甚至票券 可以是一種「保證」,讓你期望發生的事件可以如期發生。 電影票、演唱會門票、機票、車票、餐券、折價券、現金 券、禮券、住宿券等,在我們生活中流通的票券實在太多, 但要獲得票券的方法,不外乎就是付錢買票,那如果有其 他方法,更有趣的方法,可以把交易票券的過程變得充滿 樂趣或符合個人化要求呢?
-30°
p.24
腳怎 麼 賣 ?
R/44 G/166 B/224 C/72 M/23 Y/6 K/0
R/249 G/189 B/44 C/6 M/32 Y/84 K/0
R/69 G/172 B/104 C/71 M/12 Y/73 K/0
R/237 G/111 B/48 C/7 M/70 Y/82 K/0
R/0 G/80 B/163 C/94 M/73 Y/8 K/0
R/215 G/52 B/40 C/19 M/92 Y/90 K/0
有時候手邊有多的票券,可能是沒時間去兌換,也可能是票券內容 不吸引你,但這票券一定會有人想要甚至渴望得到,如果你也有金 錢以外的需求,那票券就可以直接跳過「金錢交易」的階段,成為 你與需要票券的人交易的第二種媒介,「Ticket Take」就是一個 這樣的平台,匯集由個人或商家所提供的票券,你可以用付錢以外 的有趣方法來獲得。 腳怎麼賣?
p.25
介面介紹
ENTERTAIN
票券首頁
TRAVEL
WEAR
FOOD HOTEL
Ticket Take藉由顏色區分票券種類,並可以在選單中選擇 想要尋找的票券種類,也可以直接輸入票券名稱搜尋,選單
ENTERTAIN
中也包含了「提供票券」的選項。
TRAVEL
健身工廠 大安店
蘇打綠 In Summer 《春.日光》
一對一教練體驗卷
演唱會門票
HOTEL
商家提供
FOOD
p.26
腳怎 麼 賣 ?
WEAR
個人提供
價券的電子QRcode至您手機
個人/商家
問卷網址如下: http://www.zara.com/tw/
提供票券的角色有兩種:個人與商家 當點進左頁的票券縮圖後會看到下圖的票券詳細內容,標示出 該票券的商家名、提供者、時效、注意事項及要用什麼代價來
1 DAYS WEAR
FINISH
換取該票券,其中若是商家提供的票券,在提供者名稱處會有 該商家的位置資訊,並且在點進該提供者的個人頁面後也會與
當票券被領取後,按鈕會轉變成「FINISH」,
個人提供者的頁面稍有不同(稍後說明)。
並且只有提供票券者有權限可以按。
3 DAYS 代表在接收該票券後,有3天的時限完成該票券要求的任務。
腳怎麼賣?
p.27
提供票券 提供票券所要填寫的資訊基本上與前頁的票券詳細內容一 樣,在票券資訊都填完後,按下「OFFER」按鈕,會詢問 是否要限制時效,以小時、日、週為單位,時效並非強制 限制接收票券者要在時間內完成任務,只是作為提醒用, 當該票券有設定時效,系統會通知接收票券者剩餘時間。
p.28
腳怎 麼 賣 ?
商家/個人頁面 商家-會標示出商家資訊(電話、地址)以及提供過的票券,也可以私訊店家。 個人-除了帳戶名稱及私訊按鈕外,可以看到曾提供的票券、正在手上進行中 的票券以及已經成功拿到的票券(提供者按下「FINISH」)。
商家挑戰區 在這裡有各商家提供的優質票券,較具有 難度但票券價值也高,商家可以付費來將 自家提供的票券登上商家挑戰區,可以更 容易在使用者面前曝光。
腳怎麼賣?
p.29
腦怎麼賣?
賣想法 Advertising / Branding
AVEDA:草本淨涼洗髮乳 可溫和深層清潔,洗後清爽沁涼,舒緩頭皮, 不含矽靈,適合終年夏天的熱帶,每.天.使.用.
腦怎麼賣?
p.33
G-SHOCK:與你探索世界 G-SHOCK電子錶適合上山下海,年輕就該往外闖,以全世界為範圍探索。 G-SHOCK在各大百貨公司皆設有銷售點,百貨公司的看板會是能立即促進銷售的媒體。 腦怎麼賣?
p.35
Old Holland:A color a world
Old Holland是一個專業的顏料品牌,古老的製作工藝和高品質 是該顏料的宗旨,採用冷壓法提取的亞麻子油,Old Holland的 顏料在石頭上緩慢研磨得來,故顏色即使經過百年也不易變色。
透過將原本是繽紛多彩的動植物,經過調色變成同一色調,但是 依然可以展現這些動植物的美及生命力,帶出Old Holland的顏 料,即使單一顏色亦可很強大,擁有很多種變化。
利用與本身主題相差甚遠的單一色調,加強視覺張力。
p.36
腦怎麼賣?
全聯福利中心品牌新VI 為台灣現階段最大的超商品牌,未來願景將在台灣開設高達1000家分店,也積極佈局 海外市場,為了能與國際接軌,執行了品牌VI改造專案,從現有的LOGO做出改良, 發展出一套完整且更加簡潔有力的VI系統。
考量到全聯福利中心現有的價值,即是深植於人心中的藍紅配色、三角山型搭配圓形外框的 LOGO,因此本小組決定保留大部分現有元素,再去做變化。 *完整作品請見Behance:何伯濤
p.40
腦怎麼賣?
底 色 規範 / 色 彩 計 畫 R/ 2 0 8 C/15
底為標準色之藍時,圖文以白色填滿;
G/16 M/98
Y/61
B/76 K/0
底為白色或淺色時,圖文以標準色之藍 填滿,紅線則皆保持不變,並且以上狀
R/ 2 6
G/28
C/99 M/100
Y/55
B/80 K/22
況以能清楚辨識圖文為主要考量,可調 整透明度以應用,透明度調整間距以 K/100
10%為一間距。 腦怎麼賣?
p.41
小塚明朝 PR6N /H 字距/200
Gotham Bold 水平縮放95% 垂直縮放75% 字距/10
最小比例應用版
20mm
20mm
20mm
在不可避免的情況下如遇 VI 比例縮小之需求,圓形圖 像最小比例尺寸亦不得低於 20mm。
應用輔助圖形 文書規範字體 中文
大標
小塚明朝 Pro B 字距 / 40
中標
小塚明朝 Pr6N / R
內文
小塚明朝 Pr6N / L
英文/數字
大標
Gotham
字距 / 40
小塚明朝 Pro B 中標
小塚明朝 Pr6N / R
內文
小塚明朝 Pr6N / L
腦怎麼賣?
p.43
名片、福利卡、優惠券
9X
新莊店
店長
張全聯
Chad Chang
手機 / 0912345456
4.5X
電話 / 02-12343456 地址 / 新北市新莊區中正路1號
9X
5.4X
卡利福聯全
DRAC PIHSREBEMEM
包裝
p.44
腦怎麼賣?
全聯福利卡
MEMEBERSHIP CARD
員工制服
各品類分區圖示
官網
腦怎麼賣?
p.45
台北市萬隆區Logo設計:好食在萬隆
- 30˚
符號:從萬隆「Wanlong」的「W」發想出 貪吃鬼的形象,表達出萬隆以「食」為特點 的感覺。
印刷品
採用圓形,代表樸實溫和的個性。 萬隆字體:「康熙字典體」,表現萬隆有點 文青復古風格的形象。 英文字體:「Baskerville」,表現萬隆品牌 精神:Proper、Eat、 Life,有質感、平衡實 在的感覺。
店家會使用到的筆記本(牛皮黑 logo)、帳本(黑色燙金logo)以 及外帶可以使用的紙袋。
p.46
腦怎麼賣?
色彩計畫
黃色:代表Proper/實在,也呈現萬隆 C:6 M:29 Y:90 K:0 R:251 G:195 B:0 Pantone P 10-8 C
C:8 M:72 Y:61 K:0 R:235 G:104 B:86 Pantone P 52-6 C
C:78 M:22 Y:39 K:0 R:0 G:158 B:165 Pantone P 124-8 C
溫暖的感覺。 粉色:代表Eat/吃,除了是店家製作與 創新的熱情,也是享用每份食在安心的 美食的溫暖。 綠色:代表Life/生活,萬隆的生活風格 微文青,同時保留古早味所以聯想到祖 母綠的色彩感。
里長辦事處、正式公文可以使用的信封與信紙,
筆記本中內頁為全空白方便記錄,其中右上都印
店家名片以及文具小物都規劃了統一形,此外也
有萬隆Logo字樣。
包括專屬網站的開啟畫面。 腦怎麼賣?
p.47
眼怎麼賣?
賣美感 Graphic Design
p.50
眼怎麼賣?
眼怎麼賣?
p.51
手怎麼賣?
賣 繪 畫 功力 Sketch
實習:惟怡九果原漿肌膚檢測器設計
為配合客戶產品,需要設計結合 「九果」,如:核桃、松果等元 素的肌膚檢測器,因此設計以下 手繪產品樣貌。 p.54
手怎麼賣?
實 習:遠傳「寶衛地球,讓愛遠傳」字體設計
筆記本隨筆 左:女朋友 中:爺爺 右:友人
手怎麼賣?
p.55
全部買下即贈 認真負責熱情
0928-014-976 timmyho56@gmail.com