icafe 網站設計簡報

25
iCAFE 網網網網網網 網網 網網網網網網

Upload: dustin-hardy

Post on 31-Dec-2015

92 views

Category:

Documents


1 download

DESCRIPTION

iCAFE 網站設計簡報. 優雅、品味完美結合. 理念. 巴黎街頭的露天咖啡廳 悠閒的雅致 質感的咖啡與蛋糕 營造五感的層次享受. 故事緣起. 我們是一群熱愛咖啡的好朋友,幾年前在巴黎旅遊相約在浪漫的巴黎香榭街頭,品嚐法國當地的咖啡享受悠閒的浪漫下午,及感受法國人獨自喝咖啡的情趣在於享受面對自己一個人的感受,並看著窗外來來往往的人潮,讓自己心靈淨空。 在台北曾經喝咖啡是一種奢侈的享受, 浪漫生活的點綴。停下腳步來一杯咖啡已經變成生活中不可或缺的一部份, 咖啡店也成為忙碌工作生活中緩和情緒, 調整生活步調最佳場所。 - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: iCAFE  網站設計簡報

iCAFE 網站設計簡報

優雅、品味完美結合

Page 2: iCAFE  網站設計簡報

理念• 巴黎街頭的露天咖啡廳

• 悠閒的雅致

• 質感的咖啡與蛋糕

• 營造五感的層次享受

Page 3: iCAFE  網站設計簡報

故事緣起我們是一群熱愛咖啡的好朋友,幾年前在巴黎旅遊相

約在浪漫的巴黎香榭街頭,品嚐法國當地的咖啡享受悠閒的浪漫下午,及感受法國人獨自喝咖啡的情趣在於享受面對自己一個人的感受,並看著窗外來來往往的人潮,讓自己心靈淨空。

在台北曾經喝咖啡是一種奢侈的享受, 浪漫生活的點綴。停下腳步來一杯咖啡已經變成生活中不可或缺的一部份, 咖啡店也成為忙碌工作生活中緩和情緒, 調整生活步調最佳場所。

於是我們一群愛咖啡的朋友們在天母開了一家有著巴黎咖啡館的浪漫風情及悠閒放空的咖啡館,提供喜愛咖啡的朋友們一個享受喝咖啡及放鬆的一個好去處。

Page 4: iCAFE  網站設計簡報

五感的層次享受• 味覺

– 精選咖啡與相襯托的糕點• 聽覺

– 使人遠離塵囂,音樂相當有感染力• 視覺

– 淺色系與綠色植物使人放鬆• 嗅覺

– 豐富的咖啡香與自然植物散發的氣息• 觸覺

– 使用高質感餐具與桌椅

Page 5: iCAFE  網站設計簡報

iCAFE 特色表現方式• 以深色系搭上漸層表現優雅

• 大量使用淺色系襯托質感

• 使用綠色植物點綴,表現出活力感

Page 6: iCAFE  網站設計簡報

設計項目• 企業識別 – LOGO 與名片設計• 實體店面的延伸 – 網站• 實體菜單設計• 促銷活動文宣

– 異業結盟策略 – 優惠券– 慶祝開幕活動 – 海報宣傳 & 精緻杯墊– 消費滿額回饋 – iCAFE 會員卡– 精緻周邊商品 – 專屬咖啡杯– 企業形象宣傳 – 物流車設計

Page 7: iCAFE  網站設計簡報

組員名單• 總召集人 – 卓士傑• 藝術總監 – 蔡家赫• 網頁編輯 – 陰家平• 文案編輯 – 邱蓉華• 動畫設計 – 鄭偌婷• 圖文匯整 – 鄭佳慧

Page 8: iCAFE  網站設計簡報

企業識別 - LOGO

• 以咖啡廳典型招牌為外型–直接的聯想性

• 優雅線條與深藍色– 表現典雅與質感

• 字型– 咖啡煙霧的意象,內凹表現優雅

Page 9: iCAFE  網站設計簡報

企業識別 – 配色

• 深藍色表現質感• 米色與灰色襯托整體質感• 深綠色點綴出植物的活力,平衡城市的喧囂• 粉色用於襯托質感的轉換

C:30M:30Y:30

C:100M:100Y:50K:25

C:5M:10Y:10

C:80M:60Y:90K:35

C:15M:25Y:5

Page 10: iCAFE  網站設計簡報

企業識別 – 名片

• 簡單明瞭的風格

• 以 LOGO 為重心

• 清爽與質感

Page 11: iCAFE  網站設計簡報

網站架構網站架構

About關於我們

品牌故事

咖啡經典

咖啡傳說

地理位置

Menu精選咖啡

嚴選咖啡 精緻蛋糕

News最新活動

Contact聯絡我們 網站地圖

Page 12: iCAFE  網站設計簡報

網站總覽

Page 13: iCAFE  網站設計簡報

網站元件介紹• FLASH橫幅• 主選單• 次選單• 背景設計• 頁尾設計

Page 14: iCAFE  網站設計簡報

FLASH橫幅 – 實體質感的營造• 與背景音樂搭配,產生節奏感

• 使用店面設計圖與實體店面輪播

• 產品特寫輪播

Page 15: iCAFE  網站設計簡報

主選單與次選單 – 店面的聯想

• 富有質感雨棚、磚牆和壁燈構成

• 使人直接聯想到店面

• 以植物點綴,呈現活力感

Page 16: iCAFE  網站設計簡報

背景設計 – 質感的襯托• 橫紋紙和羊皮紙

– 淺色系中帶有深色 (陰影 )

• 襯托其他元件的存在

Page 17: iCAFE  網站設計簡報

頁尾設計• 與主選單相對稱,採用深色系且富有質感

Page 18: iCAFE  網站設計簡報

實體菜單設計• 與網站風格一致

• 展現店面質感

Page 19: iCAFE  網站設計簡報

異業結盟策略• 在黑克力消費,即贈送優惠券

–達到刺激消費的目的– 質感相同產品互相搭配,加強印象

Page 20: iCAFE  網站設計簡報

開幕宣傳海報• 於開幕前一個月宣

• 展現店內氣氛:– 質感– 悠閒

Page 21: iCAFE  網站設計簡報

開幕宣傳 – 來店贈禮

• 開幕當天限定,名額限定– 具有 iCAFE 特色之杯墊

Page 22: iCAFE  網站設計簡報

消費滿額送 – 會員卡

• 會員卡即是店面的代表

• 促使消費者產生認同感

Page 23: iCAFE  網站設計簡報

精緻周邊商品 – 專屬咖啡杯

• 與 logo 相搭配的專屬咖啡杯。

Page 24: iCAFE  網站設計簡報

企業形象宣傳 – 物流車設計

• 上方也有 logo 的設計,可從高樓俯瞰。

Page 25: iCAFE  網站設計簡報

線上體驗http://

charlesyin.byethost5.com/icafe