藍室 Blue Room 咖啡廳品牌與網站設計|brand identity・brand collateral design・website & system design・packaging design 作品案例 - 元作 Yuanzuo Studio

藍室 Blue Room 咖啡廳品牌與網站設計
  • brand identity
  • brand collateral design
  • website & system design
  • packaging design
餐飲網頁RWD設計,咖啡廳情境 mockup 展示

[ CONCEPT ]

藍室 Blue Room 是一套從LOGO設計、品牌應用到網站開發的咖啡廳一站式整體視覺規劃。

LOGO以船錨為核心意象——錨定象徵靜止與依歸,環扣纏繞的線條勾勒出錨具的細膩質感;交織的「B」「R」字母置中,搭配中英文「藍室 BLUE ROOM」字體組合,構成一套完整、可獨立辨識的識別系統。深藍色的沉穩基調,傳遞安處、靜謐的品牌氣質。

這套識別語言延伸應用至名片、外帶杯、杯套、杯墊、海報等日常物件,也落地為店招立牌與遮陽棚等空間視覺,讓品牌從室內到店外、從紙本到數位都保持一致。

網站設計則以深藍為主視覺,佐以一點溫暖黃色點綴——如深海中望見的一盞微光——並將這份意象轉化為互動體驗:大量視差與浮動效果堆疊沉浸感,向下滾動時吊燈與吧檯緩緩放大上移,霓虹字閃爍其間,宛如緩緩沉入深海;背景疊加動態噪點,如聲納訊號在寂靜中迴盪。搭配 RWD 響應式版型與互動選單,完整涵蓋桌機、平板、手機的使用情境。

從LOGO到空間、從包裝到網站,呈現一套咖啡廳品牌從0到1的完整規劃能力。

咖啡飲料外帶杯設計,船錨圖形與 B R 字母應用
咖啡廳玻璃貼設計,店面玻璃情境展示
餐飲名片設計,深藍船錨圖形與營業資訊排版
餐飲外帶杯提架設計,環繞字體與船錨圖案組合應用
餐飲店海報設計,官網文案與品牌識別延伸應用
餐飲杯墊設計,深藍菱格紋圖案與船錨意象組合
餐飲戶外招牌設計,圓形立牌 LOGO 實體應用
餐飲店招遮陽棚設計,黑底白字招牌實體應用