SELECTED PROJECT
四葉草水族
桌機版以大幅水景影像與完整服務分類建立沉浸式品牌印象，同時整合水族用品與造景案例；手機版則重新調整資訊層級、商品瀏覽與聯絡入口，讓使用者能快速找到適合的水族設備與造景服務。
WEB DESIGN ECOMMERCE EXPERIENCE RESPONSIVE DESIGN
02
PROJECT BRIEF
把水下世界的自然美感，轉化為清楚而有層次的品牌體驗
水族網站不只需要展示商品，更重要的是讓使用者理解從設備選購、日常維護到專業造景之間完整而多元的服務價值。
本案將水族用品販售、魚缸整理維護、水草缸造景、水陸缸、海水缸、植生牆及整合造景規劃重新建立清楚分類，使不同需求的訪客都能快速進入適合的服務內容。
視覺著重自然水景、植栽與水族生態影像，透過大面積圖片與乾淨資訊編排，讓專業設備與職人造景不再只是商品展示，而成為具有生活美學與品牌溫度的瀏覽體驗。
03
CREATIVE DIRECTION
以自然、專業與探索感，建立具辨識度的水族品牌網站
讓水景成為品牌第一印象
以魚缸造景、水草、生態與光影作為主要視覺素材，透過大幅影像呈現自然水下世界的層次與細節，建立具有沉浸感的水族品牌印象。
清楚整合商品與專業服務
將水族用品、維護服務與各類造景項目建立明確資訊層級，讓第一次接觸水族的新手與有進階需求的玩家，都能快速找到所需內容。
用細節傳達職人工藝精神
從設備搭配、水質維護到造景規劃，以細緻圖片與專業內容呈現品牌對每座魚缸的講究，讓網站成為專業實力與作品美感的延伸。
04
VISUAL LANGUAGE
深水藍綠與自然淺色，描繪水下生態的靜謐層次
視覺語言從水族生態與自然植栽延伸，以深沉藍綠表現水下世界的專業與深度，搭配自然綠色傳遞水草與生態生命力，再以清透淺灰藍保留充足閱讀空間，使商品、造景與品牌內容之間維持乾淨而舒適的視覺節奏。
PRIMARY #173F46 Aquatic Depth
ACCENT #73966F Natural Growth
BALANCE #EEF4F2 Clear Living Space
05
DIGITAL EXPERIENCE
從欣賞水景，到找到設備與專業造景服務
01 水族服務清楚分類
02 水族商品快速瀏覽
03 造景作品視覺呈現
04 跨裝置流暢操作
FROM NATURE TO DIGITAL