【網頁設計】Hi-Q pets 官網上線

新專案上線
來自中華海洋生技的Hi-Q pets

這是我們第一次做寵物保健品的正式官網
以前曾經做過中國寶路和西莎的活動網頁
那時候的設計主要延續包裝或既有的視覺形象稿即可完成

這次的專案很不一樣
包裝設計與網頁設計幾乎在同時間拍板定案
配色、視覺設計及閱讀性上也做了很大幅度的調整
因為文字量很大,希望可以在這些條件上做到閱讀舒適的改版
常常在視覺設計效果與閱讀性上拉扯

網站順利上線
超累!可是我們都很喜歡
希望家中有毛小孩的你們也會喜歡

毛孩知識家的文章裡面有很多實用資訊
推薦你們看看。

Hi-Q pets 呵護毛孩,全心為愛
官方網站BEHANCE


專案客戶:中華海洋生技
專案窗口:White Chen / Claire Lee
WF規劃:Genie Chen
視覺設計:Sasa Cheng / Genie Chen
前端程式:Hiking Chen
後端開發:Jessica Chen / Chiu Ti Khai
主機支援:Sam / Kalo


保留舊站上方的Banner功能
下半部加上品牌核心介紹、毛孩實用資訊及商品分類,讓首頁更具備功能性。

依照不同產品屬性,製作合宜的版型 LandingPage

寵物保健品幾乎都在動物醫院販售,因此我們在設計上保留舊站的作法,適度優化操作體驗,讓使用者可以更清楚查找離自己最近的動物醫院及推薦產品。

毛孩知識家主頁加上不同主題分類及狗貓主人類別,方便使用者更快速查找適合自己的資訊。

新舊版本比較
寵物保健品多半以插畫風格做為全站的基調,我們希望有別於這些同類競品,除了區隔設計風格以外,乾淨好閱讀也是這次設計的重點之一。

Published by Genie Chen

Genie Chen 陳小吉 1981/8/1 A型 獅子座 Innovation Plus Creative Lab 超能力設計戰隊隊長兼網頁視覺設計師