2024
爪族動力
UIUX / Website / Front-end
網頁視覺 Elementor WordPress CSS
INTRODUCTION
爪族動力是一家專注於提供毛孩健康產品的品牌,致力於提升毛孩的生活品質。
運用宇宙科幻與動物主題融合,創造獨特的品牌視覺定位。搭配未來感 HUD 元素與像素字體,突顯品牌創意與產品科技感。
視覺風格鮮明、互動設計流暢,並以動畫與高對比配色提升用戶停留率,是一個成功結合趣味與商業導向的網站設計範例。
INTRODUCTION
運用宇宙科幻與動物主題融合,創造獨特的品牌視覺定位。搭配未來感 HUD 元素與像素字體,突顯品牌創意與產品科技感。視覺風格鮮明、互動設計流暢,並以動畫與高對比配色提升用戶停留率,是一個成功結合趣味與商業導向的網站設計範例
Project Background
本案業主為一間專注於寵物保健品的品牌商,長期投入毛孩健康營養領域,產品涵蓋日常保健、機能強化與天然配方等類別。面對市場上多數寵物品牌普遍採取溫馨療癒、可愛親民的視覺策略,客戶期望打造一個「與眾不同、令人眼睛一亮」的品牌形象,從視覺到體驗全面跳脫傳統框架。
在初期訪談中,業主明確表達希望能以新潮、趣味、具風格辨識度為核心設計方向。最終定調以太空冒險、未來科技、角色設定等要素包裝產品與網站體驗,使品牌不僅傳達健康專業,同時展現強烈風格化的品牌個性。
Style Ideas
整體設計語言大膽使用未來感元素與霓虹色彩,並結合擬人化的寵物角色設定,使品牌在競爭激烈的市場中脫穎而出。
Visual Design
Project Goals
Web page display
01 HOME PAGE / 首頁
01 HOME PAGE / 首頁
02 PRODUCTS / 產品頁面
02 PRODUCTS / 產品頁面
03 CONTACT / 聯絡與會員頁面
03 CONTACT / 聯絡與會員頁面
SOLUTIONS
Banner使用動畫Layslider設計,在網頁開頭打造搶眼的視覺效果
CTA融合宇宙元素
豐富的動畫效果,增添互動性