1 / 25

iCAFE 網站設計簡報

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

dustin-hardy
Download Presentation

iCAFE 網站設計簡報

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. iCAFE 網站設計簡報 優雅、品味完美結合

  2. 理念 • 巴黎街頭的露天咖啡廳 • 悠閒的雅致 • 質感的咖啡與蛋糕 • 營造五感的層次享受

  3. 故事緣起 我們是一群熱愛咖啡的好朋友，幾年前在巴黎旅遊相約在浪漫的巴黎香榭街頭，品嚐法國當地的咖啡享受悠閒的浪漫下午，及感受法國人獨自喝咖啡的情趣在於享受面對自己一個人的感受，並看著窗外來來往往的人潮，讓自己心靈淨空。 在台北曾經喝咖啡是一種奢侈的享受， 浪漫生活的點綴。停下腳步來一杯咖啡已經變成生活中不可或缺的一部份， 咖啡店也成為忙碌工作生活中緩和情緒， 調整生活步調最佳場所。 於是我們一群愛咖啡的朋友們在天母開了一家有著巴黎咖啡館的浪漫風情及悠閒放空的咖啡館，提供喜愛咖啡的朋友們一個享受喝咖啡及放鬆的一個好去處。

  4. 五感的層次享受 • 味覺 • 精選咖啡與相襯托的糕點 • 聽覺 • 使人遠離塵囂，音樂相當有感染力 • 視覺 • 淺色系與綠色植物使人放鬆 • 嗅覺 • 豐富的咖啡香與自然植物散發的氣息 • 觸覺 • 使用高質感餐具與桌椅

  5. iCAFE特色表現方式 • 以深色系搭上漸層表現優雅 • 大量使用淺色系襯托質感 • 使用綠色植物點綴，表現出活力感

  6. 設計項目 • 企業識別 –LOGO與名片設計 • 實體店面的延伸 – 網站 • 實體菜單設計 • 促銷活動文宣 • 異業結盟策略 – 優惠券 • 慶祝開幕活動 – 海報宣傳&精緻杯墊 • 消費滿額回饋 –iCAFE會員卡 • 精緻周邊商品 – 專屬咖啡杯 • 企業形象宣傳 – 物流車設計

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

  8. 企業識別 -LOGO • 以咖啡廳典型招牌為外型 • 直接的聯想性 • 優雅線條與深藍色 • 表現典雅與質感 • 字型 • 咖啡煙霧的意象，內凹表現優雅

  9. 企業識別 – 配色 • 深藍色表現質感 • 米色與灰色襯托整體質感 • 深綠色點綴出植物的活力，平衡城市的喧囂 • 粉色用於襯托質感的轉換 C:100 M:100 Y:50 K:25 C:5 M:10 Y:10 C:80 M:60 Y:90 K:35 C:15 M:25 Y:5 C:30 M:30 Y:30

  10. 企業識別 – 名片 • 簡單明瞭的風格 • 以LOGO為重心 • 清爽與質感

  11. 網站架構

  12. 網站總覽

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

  14. FLASH橫幅 – 實體質感的營造 • 與背景音樂搭配，產生節奏感 • 使用店面設計圖與實體店面輪播 • 產品特寫輪播

  15. 主選單與次選單 – 店面的聯想 • 富有質感雨棚、磚牆和壁燈構成 • 使人直接聯想到店面 • 以植物點綴，呈現活力感

  16. 背景設計 – 質感的襯托 • 橫紋紙和羊皮紙 • 淺色系中帶有深色(陰影) • 襯托其他元件的存在

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

  18. 實體菜單設計 • 與網站風格一致 • 展現店面質感

  19. 異業結盟策略 • 在黑克力消費，即贈送優惠券 • 達到刺激消費的目的 • 質感相同產品互相搭配，加強印象

  20. 開幕宣傳海報 • 於開幕前一個月宣傳 • 展現店內氣氛： • 質感 • 悠閒

  21. 開幕宣傳 – 來店贈禮 • 開幕當天限定，名額限定 • 具有iCAFE特色之杯墊

  22. 消費滿額送 – 會員卡 • 會員卡即是店面的代表 • 促使消費者產生認同感

  23. 精緻周邊商品 – 專屬咖啡杯 • 與logo相搭配的專屬咖啡杯。

  24. 企業形象宣傳 – 物流車設計 • 上方也有logo的設計，可從高樓俯瞰。

  25. 線上體驗http://charlesyin.byethost5.com/icafe

More Related