這是一個反過來設計的專案。
我們從客戶的單一商品出發，先完成產品 Landing Page，再反推回去設計整體官網架構。
以 JointFree 為原型，也延伸到了其他系列品項。
藻適捷頁面連結：https://www.hiq-pets.com/jointfree
官網正式上線前的一週，設計團隊與客戶夥伴齊心進行測試與修正。
對——我們從餐飲轉換到寵物保健品領域了（笑）
相較於餐飲品牌網站，醫療保健類的設計在用字遣詞上更為嚴謹、拘束。
因此這次專案中，我們更重視「訊息的可讀性」，刻意捨棄較多動態效果，優先處理排版節奏與資訊結構。
而在流程上，這次也完全不同於以往從首頁下手的做法。
我們先整理出完整的產品 LANDING PAGE 分支，等全線規劃確立後，才回頭設計官網架構。
說真的，過程很累人，但收穫也很紮實。
目前客戶端對這次的設計評價相當不錯，三月正式上線後再與大家分享更多。
如果你也在思考品牌網站該怎麼從「單品溝通」切入全站規劃，
或者想優化產品頁的訊息閱讀與行動引導，歡迎交流想法！
查看更多品牌網站與資訊架構設計案例：超能力設計戰隊官網
Email：[email protected]
延伸閱讀：
．Hi-Q Pets 藻康留｜毛孩免疫，健康防護盾
．Hi-Q Pets 藻心沛｜毛孩心臟，每日優質補給
．Hi-Q Pets 藻護盛｜掌握毛孩腎臟健康之鑰
．【網頁設計】hi-q-pets-官網上線
