【網頁設計】乾杯燒肉居酒屋 官網上線

今年最期待的專案就是乾杯燒肉了。

最早接觸這個工作需求的時候
我們曾討論過,要不要因應品牌特色活動
每天晚上八點在官網上設置準點乾杯的小動畫

後來 Hiking Chen 一句話突破盲腸
如果我是消費者
我會更期待八點在現場跟大家乾杯,而不是在網站上看圖
那個氣氛會更好!

立馬放棄!把檔案丟垃圾桶 (大笑)

這個網站沒有什麼浮誇的設計
我們把力氣花在統合集團全品牌的資料及圖片上
共用同一個後台,依據管理權限可以有各自的編輯介面

視覺設計的部分,我們沒有砍掉重練
而是回到原點,從過往的平面素材中提取合適的元素
讓網站和平面的視覺統一性更高些

實際來回溝通還有修正不少
看著他慢慢成形,那個成就感還蠻好的

有興趣的朋友歡迎上來看看
我們一起相約,八點乾杯!

乾杯燒肉居酒屋
官網連結粉絲團


專案客戶:Kanpai 乾杯集團
專案窗口:Jessie Lin
WF規劃:Genie Chen
視覺設計:A-bao Wu / Genie Chen
前端程式:Hiking Chen
前後端串接:Chuju Lin
後端開發:Thomas Chang


首頁進場分鏡示意。

我們以乾杯形象的經典黃色搭配八點乾杯活動插畫做引導,增加品牌連結度。

最早我們曾經討論過要不要每天八點,在官網上追加小彩蛋?!
其實更好的做法是到現場參與活動,而不是還在官網等小彩蛋,最後…. 放棄 (笑)

首頁示意。

左右各半,橫向圖片切換
提供更多情境照片分割顯示
當然,你也可以同張照片做左右切割,即可轉換成完整圖片
相較於單張圖片的做法,變化更多。

桌機版選單示意

手機版示意

新舊版網站比較。

原先的網站具備基本功能,不過在品牌連結度上較低,我們在顏色還有一些小地方加上小巧思,包含網頁背景的牆面材質都是現場延伸出來的喔。

最喜歡線上訂位這個黃色汽油桶造型,今晚就來乾杯訂位吧!!


延伸閱讀:
【網頁設計】乾杯集團會員網站上線
【網頁設計】老乾杯 官網上線
【網頁設計】黑毛屋 / 黑毛屋本家 官網上線
【網頁設計】麻辣45官網上線
【網頁設計】和牛47官網設計
【網頁設計】乾杯集團網頁上線

Published by Genie Chen

Genie Chen 陳小吉 1981/8/1 A型 獅子座 Innovation Plus Creative Lab 超能力設計戰隊隊長兼網頁視覺設計師