回頭整理作品時，才發現我們和乾杯集團的合作，已經累積成一條很長的時間線。
從最早的麻辣 45，到乾杯會員網站、乾杯燒肉居酒屋、老乾杯、黑毛屋與黑毛屋本家、和牛 47，再一路做到乾杯集團正式官網。
接下來，牛舌佑介繁體中文版也即將加入這條時間線。
有些品牌持續成長，有些品牌完成階段任務後離開市場；網站本身也隨著品牌、技術與使用者習慣持續改變。
現在回頭看，比起「做過多少網站」，我更在意的是另一件事：
我們參與了一個餐飲集團不同階段的品牌進化，也慢慢建立出一套屬於多品牌網站的設計方法。
乾杯集團官網完成時，我曾經留下一段話：
所有的專案都不是白費。
我們一邊工作，也一邊參與了客戶的品牌進化史。
做到現在，這句話好像更完整了。
同一個乾杯集團，為什麼網站不能都長一樣？
這是整理這些作品時，我覺得最有意思的一件事。
扣除乾杯集團企業官網與會員網站，旗下多個餐飲品牌，其實建立在同一套後台架構與共用模組上。
從系統開發的角度來看，這樣做很合理。
新聞、菜單、門市、活動、訂位等資料結構具有高度共通性，共用系統可以降低維護成本，也讓集團內部在管理多個品牌時，不需要面對完全不同的後台。
早在乾杯燒肉網站製作時，我們就已經把多品牌資料整合進同一套後台，再依照管理權限提供各品牌自己的編輯介面。
但我一直不希望「共用後台」最後變成：
所有品牌都只能長成同一張臉。
系統可以共用，品牌不應該被公版化。
這也慢慢成為我們設計乾杯系列網站時，一個非常重要的原則：
後端追求一致與效率，前端則必須保留品牌的差異與個性。
真正有趣的設計，往往不是完全沒有框架。
而是在框架存在的情況下，仍然找到足夠大的創作空間。
麻辣45：
第一站，先讓「辣」有自己的樣子
麻辣45 是我們與乾杯集團合作的第一個網站。
當時的品牌定位非常鮮明：麻辣鍋、和牛，以及使用純和牛牛油製作鍋底。
所以我們沒有讓它看起來像另一間乾杯燒肉。
視覺上大量使用紅色，背景紋理則從牛肉油脂延伸，首頁中段加入牛頭鍋圖像，甚至連閱讀節奏與菜單層級都刻意做得更濃烈。
這個專案讓我第一次很明確地感受到：
即使資料模組相同，只要重新理解品牌，畫面仍然可以是完全不同的世界。
後來麻辣45暫時離開市場，我們也參與網站公告與下架的調整。
對我而言，它不只是「已經關掉的網站」
它是這條合作歷史真正的起點。
- 延伸閱讀： 麻辣45網站設計完整案例
※ 麻辣45目前已結束營運，因此不提供現行品牌官網連結。
Kanpai Go Club 乾杯會員網站：
從品牌形象，開始整理集團關係
接著是 Kanpai Go Club 會員網站。
這個專案和餐廳品牌官網不同。
它不是要強調某一間餐廳的氣氛，而是要整理乾杯旗下大量品牌，以及不同品牌之間的集點與會員資訊。
我們將原本集中在單頁的各品牌集點內容拆成獨立頁面，一方面方便管理者更新，另一方面也讓使用者可以更直接理解不同品牌的會員規則。
品牌切換也經過幾次測試後重新調整，避免使用者每次都得退回首頁。
這時候開始，我們處理的就已經不只是「一個漂亮網站」。
資訊應該怎麼被分類，使用者又會怎麼找。
- 延伸閱讀： 乾杯會員網站完整案例
- 官方網站： Kanpai Go Club
乾杯燒肉：
網站不必取代現場，而是把人帶回現場
乾杯燒肉是我自己非常期待的一個專案。
一開始，我們甚至認真討論過：
每天晚上八點，是不是應該讓網站也一起出現「乾杯」動畫？
後來團隊有人提醒：
如果自己是消費者，八點最想做的事情應該是在店裡和大家一起乾杯，而不是坐在網站前等動畫。
於是這個點子就進垃圾桶了。
現在回頭看，我反而很喜歡這個小插曲。
因為它提醒我們：
網站不是品牌體驗本身，而是品牌體驗的一部分。
乾杯燒肉真正重要的，是現場的熱鬧、人與人的互動、八點乾杯，以及強烈的品牌黃色。
因此新版網站沒有刻意加入大量浮誇效果，而是從既有平面素材、品牌黃色、活動插畫甚至店內牆面材質延伸數位視覺，讓線上與線下維持同一種個性。
- 延伸閱讀： 乾杯燒肉網站設計完整案例
- 官方網站： 乾杯燒肉
老乾杯：
同樣賣燒肉，網站卻必須安靜下來
乾杯燒肉完成幾天後，老乾杯也上線了。
這兩個網站放在一起看，非常有意思。
因為同樣都是燒肉品牌，設計策略幾乎完全相反。
乾杯燒肉熱鬧、直接、充滿活動感；老乾杯則是一種成熟的大人味。
因此我們刻意降低按鈕彩度、拿掉過度誇張的進場動畫，把線上訂位入口縮小，並利用空間照片與較安靜的版面節奏建立氛圍。
這也是多品牌網站很容易犯的錯：
因為同一個集團、賣類似的商品，就認為網站也應該長得差不多。
但真正的品牌差異，往往就在那些「不應該一樣」的地方。
- 延伸閱讀： 老乾杯網站設計完整案例
- 官方網站： 老乾杯
黑毛屋與黑毛屋本家：
甚至同一個品牌系統，也能再次分流
黑毛屋的挑戰又不一樣。
當時品牌本身已經分成兩條經營路線：
- 黑毛屋本家：偏向季節鍋物與較完整的用餐體驗。
- 黑毛屋：更偏向輕巧、日常、自由選擇的個人鍋物。
所以網站入口先建立一個分流頁，再分別進入兩種不同體驗。
本家使用較深的紅黑色與暖簾效果；黑毛屋則轉成明亮米色、不規則圓弧與比較可愛的插畫語彙。
這個案子讓「同中求異」變得更明顯。
連品牌名稱都非常接近，但如果只是換 Logo、換主色，就太可惜了。
我們真正想做的是：讓使用者還沒開始讀文字，就已經感受到自己走進的是不同空間。
- 延伸閱讀： 黑毛屋與黑毛屋本家網站設計完整案例
- 官方網站： 黑毛屋入口站 ／ 黑毛屋本家 ／ 黑毛屋（工作中我們也稱他為小黑毛）
和牛 47：
框架還在，但設計可以增加呼吸感
到了和牛47，我們又把同樣的系統往另一個方向推。
原本的版面其實並不差，只是框架感比較重。
所以這次我們做的事情不是增加，而是減少。
把框框打散、大量使用圖片、黑底與紅色圓形 Logo，降低不必要的互動，讓留白、食材與空間本身成為主角。
我當時把這種感覺形容成：
像用料亭出菜的方式，重新詮釋品牌的數位體驗。
不是每個地方都要有特效。
有時候真正的設計，是知道什麼地方不需要做事。
和牛 47 也是我第一次很明確地，把「低調奢華」轉譯成網站語言。
- 延伸閱讀： 和牛47網站設計完整案例
- 官方網站： 和牛47
從品牌官網走到乾杯集團官網
問題完全換了一個層級
到了乾杯集團正式官網，我們面對的是完全不同的問題。
前面的品牌網站主要服務消費者。
但集團官網還需要處理：
- 旗下品牌
- 企業沿革
- 事業發展
- 公司治理
- 投資人資訊
- 大量企業與財務數據
這時候「氣氛」還是重要，但已經不能犧牲資訊清晰度。
所以我們花了很多時間處理數據表格、資訊色塊、長頁導航與投資人專區，同時又必須避免網站最後變成一個完全制式的企業官網。
我當時最大的感受是：
以前做過的事情，好像突然全部派上用場。
做品牌網站累積的是品牌感受。
做金融與企業網站累積的是資訊整理與數據閱讀。
最後在乾杯集團官網交會。
所以我才會寫下：
所有的專案都不是白費。
設計經驗真正有趣的地方，就是你永遠不知道過去哪一次練習，會在多年後變成解決問題的工具。
- 延伸閱讀： 乾杯集團官網設計完整案例
- 官方網站： 乾杯集團
同一套後台
為什麼還能做出完全不同的網站？
如果現在回頭看這一系列作品，我覺得最值得分享的不是每一張畫面。
而是背後這套思考。
乾杯旗下多數品牌網站，共用相同的後台架構與部分資料模組。
這代表我們不是每次都從一張完全空白的紙開始。
- 有固定資料欄位。
- 有既有程式邏輯。
- 有共用的管理方式。
- 有些功能甚至必須維持一致。
但我從來不認為：
「系統只能這樣，所以設計也只能這樣。」
相反地，我一直很喜歡這種限制。
因為真正需要思考的變成：
- 哪些東西應該共用？
- 哪些東西絕對不能共用？
- 哪些差異應該透過顏色建立？
- 哪些差異來自圖片？
- 哪些應該靠排版、互動、閱讀節奏甚至留白來完成？
同一組模組，可以非常熱鬧，也可以很安靜。
可以是麻辣 45 的大紅與濃烈食感，可以是乾杯燒肉的黃色與歡樂，也可以是老乾杯的低彩度成熟感、黑毛屋的輕巧日常，或和牛47幾乎接近料理空間般的沈靜。
限制從來不是設計停止的地方，而是設計真正開始的地方。
我想，這可能是這些年做乾杯系列網站，自己最喜歡的一件事。
多品牌網站真正需要共用的
其實不是畫面
如果一個集團有十個品牌，把十個網站都做成十套完全不同的系統，維護成本一定很高。
反過來，如果全部套同一個公版，只換 Logo、主色與照片，又會逐漸失去品牌存在的理由。
因此真正合理的方向，是：
底層共用，表層自由。
| 適合共用的部分 | 應該保留差異的部分 |
|---|---|
|
|
所以我們一直不是在追求「每個網站看起來完全不一樣」。
而是：
即使把 Logo 拿掉，使用者仍然能感覺自己正在看不同的品牌。
對我而言，這才算真正完成品牌網站的工作。
牛舌佑介
是這條時間線上的下一個節點
接下來，乾杯集團旗下牛舌佑介繁體中文版網站也即將正式上線。
它仍然會有自己獨立的一篇設計紀錄。
因為每個品牌都有值得被單獨說明的設計背景與判斷。
而這篇文章存在的目的不同。
我想記錄的不是某一個網站，而是回頭看看：
從第一個麻辣 45 開始，我們到底陪著乾杯走過了哪些不同的品牌階段。
有些品牌熱鬧、有些安靜、有些成熟、有些年輕
有些已經成為歷史。
但它們共同構成了這條很有意思的設計時間線。
每完成一個網站
都像重新認識一次乾杯
做了這麼多乾杯旗下網站之後，我不覺得自己找到了一個「乾杯網站公式」。
如果真的有公式，大概只有一個：
每次都重新理解品牌。
不是因為上一次乾杯燒肉成功了，就把方法複製給老乾杯。
也不是和牛47很好看，就讓下一個品牌也變成黑底大圖。
系統可以重複，經驗可以累積。
但設計答案不能複製。
這也是我現在越來越喜歡網站設計的地方。
我們真正累積的，不只是作品數量。
而是理解品牌、理解產業、理解使用者，再在商業需求與技術限制中，重新找到適合答案的能力。
回頭看這些網站，我很慶幸自己不只是做了很多頁面。
而是真的有機會，一段一段參與一個自己很喜歡的品牌集團成長。
系統可以重複，經驗可以累積，但設計答案不能複製。
多品牌網站設計常見問題
01.多品牌網站適合共用同一套後台嗎？
如果不同品牌具有相近的資料結構，例如門市、菜單、最新消息、活動與訂位功能，共用後台通常可以降低開發與長期維護成本。
真正需要注意的不是後台是否共用，而是前端是否仍保有足夠的品牌差異。
02.共用後台會限制網站的視覺設計嗎？
共用後台代表部分資料欄位與功能模組必須維持一致，但不代表前端只能使用相同版型。
品牌視覺、圖片比例、排版、互動方式、首頁敘事與閱讀節奏，仍然可以依照不同品牌重新設計。
03.多品牌網站應該共用版型嗎？
不一定。
若品牌定位與使用情境高度接近，共用部分版型可以提高效率；但如果品牌客群、價格帶、空間體驗與溝通方式差異明顯，只更換 Logo、顏色與照片，往往不足以建立真正的品牌識別。
04.多品牌網站如何兼顧維護效率與品牌差異？
一個比較合理的方向，是將資料結構、後台管理、權限與基礎功能系統化，同時讓前端視覺、內容敘事與互動體驗保有彈性。
簡單來說，就是底層共用，表層自由。
05.餐飲品牌網站最重要的是什麼？
除了菜單、門市與訂位等實際功能，網站也必須延續品牌在線下空間中的感受。
不同餐飲品牌可能需要熱鬧、成熟、日常或高端的數位體驗，因此設計不應只從功能模組出發，而應先理解品牌本身。
