新舊版本比較
市面上多數寵物保健品網站以插畫風格為主，我們選擇改以乾淨排版與清晰階層來區隔風格，同時提升閱讀與功能性。
這是我們第一次打造 寵物保健品的品牌官網。
客戶是來自中華海洋生技的 Hi-Q pets，主打毛孩專用的保健產品
期望在「專業信任感」與「親和溫度」之間取得設計平衡。
我們過去也曾設計過中國寶路與西莎的活動網頁，但這次完全不同——
包裝設計與網站設計同步進行、並行定案，需要高度協調與彈性思維，每一步都像即興演出。
由於本次官網內容資訊量龐大，我們特別著重於提升閱讀體驗與視覺層級的精細調整。
排版節奏、字體大小、行距比例，我們來回修正，就是希望讓使用者在不同裝置都能輕鬆閱讀。
幾個我們特別在意的重點：
．閱讀體驗：讓產品成分、使用方式等資訊更易於理解
．視覺風格：混合專業感與溫暖色調，傳遞守護毛孩健康的品牌理念
．操作引導：優化各頁操作流程，提升行動裝置的友善度與轉換率
這是一個高度整合品牌調性與 UX 思維的改版專案。
我們做到了，也真心喜歡這次的成果。
網站小彩蛋推薦：
別錯過《毛孩知識家》專欄，裡面有許多實用、易懂的寵物照護知識，推薦家中有毛孩的你一看。
Hi-Q pets 呵護毛孩，全心為愛： 官方網站 ｜ BEHANCE
專案資訊：
- 專案客戶：中華海洋生技
- WF 規劃：Genie Chen
- 視覺設計：Sasa Cheng / Genie Chen
- 前端程式：Hiking Chen
- 後端開發：Jessica Chen / Chiu Ti Khai
- 主機支援：Sam / Kalo
首頁保留舊站的 Banner 功能，並新增品牌介紹、知識專欄導覽與商品分類，提升首頁資訊導航的功能性與實用性。
依照不同商品屬性，設計專屬 Landing Page 模組，讓資訊更聚焦，使用流程更直覺。
考量產品多於動物醫院通路販售，我們保留舊站中「據點查詢」功能，並加強 UI 與搜尋引導，方便消費者快速找到合適產品與門市。
毛孩知識家主頁加上分類篩選，區分狗派與貓派、主題分類，協助使用者更快找到所需資訊。
網站改版不只是更新視覺，更是品牌溝通策略的再定位。
如果你想為品牌建立清晰的線上形象，讓使用者感受到價值，歡迎聯繫我，一起討論下一步。
查看更多案例：超能力設計戰隊官網
Email：[email protected]
