Pet Market
寵物用品網上商店
為各位寵物家長篩選世界各地各式各樣的優質產品,將好的留低,將差的淘汰,令到各位寵物主人們買得放心,用得安心。
香港寵物用品網上商店

以全線健康的寵物產品,為你的寵物帶來健康及全面的呵護

響應式設計 支援各類型設備

本公司設計的網頁,支援多設備瀏覽,滿足不同用戶及現時的網頁設計趨勢。

寵物用品網店

客戶背景:香港寵物用品網上商店

客戶歇力地為大家搜羅世界各地的高質素產品,集合在PET MARKET,令主人們能夠足不出戶,就能夠安心又放心地挑選心儀的產品。

客戶需求及網站規劃

客戶的舊有網站在效能、視覺需要改進,因此找到本公司為網站進行優化,為客戶重新整理網站、提速,令用戶可以順利在客戶網站購買到心儀的產品。

風格確認及前期mock up

設計師保留了原有白色背景的色調,利用珊瑚紅及橙色的色調為網站元素作強調效果。在產品購買頁、商店頁等的標題按鈕都統一色調,整體簡潔清楚。而且在網站banner設計亦修改成數張小圖的輪播效果。
Final Output

最後定稿

經過跟客戶討論及確認後,網站重新設定為以下版面,而且瀏覽速度比以往亦有較大的提升,令用戶有更佳的體驗。

Features

網站特色功能

本次項目除了基本視覺設計之外,跟客戶討論需求過程中,亦 設計了不同的網頁功能。

網站全屏導覽列

客戶為了令用戶可以更方便挑選到合適的產品,因此設定了十分詳細的產品分類。為了更好地利用網頁導覽,我們為客戶設置了全屏的超級選單,詳細列出不同類別,令用戶可以立即揀選到心水類別,從而進行購買。

免運費結算提醒功能

增加了一個提醒功能在客戶的基本網店系統上,令用戶可以清楚知道需要購買多少價值產品才可免運費,同時促進了網店的銷售額。功能亦令網店更加與時並進,用戶有更好的體驗。
Website color

網站色調處理

設計師主要利用淺藍、珊瑚紅、橙色色調用於網站之中。珊瑚紅色調柔和,不會過份鮮艷而顯得刺眼。而淺藍色只用於特別資訊,相對顏色比較顯眼。

網頁界面設計

標題部分選用了Varela Round圓體英文字體,而內文則是黑體Roboto。設計師用不同的字體設計作為區分,Roboto作為黑體的易讀性較適合在內文中呈現。而必要時,亦會調整字體的粗幼作為強調之用。

多種支付方式

製作人員為客戶架設了不同的支付方法,例如熱門的paypal、payme等等wordpress都能有效支援。令用戶有更多的選擇空間,更願意於pet market購買產品。

產品篩選功能

為了更有效引導網站用戶去挑選產品,客戶架設了仔細的篩選功能在商店之中。用戶挑選完產品分類後,更可以套用篩選而揀出最合適的產品。

怎樣才是成功的網站?

除了外觀,還有搜索引擎排名

我們提供SEO優化增值服務為你的網站處理好外觀後再提升搜索排名,得到更多曝光。

Scroll to Top