艾羽網頁設計

東區釣具手機版

EAST FISHING webdesign

東區釣具手機版

  • 客戶:東區釣具
  • 日期:2017/09/01
  • 色系: 湖水藍&白色
  • 支援: PC / Mobile
  • 技術: HTML5 / CSS3 / JQUERY / PHP
  • http://www.eastfishing.com.tw/
設計理念:

東區釣具是國內首屈一指的釣具電商,艾羽設計很榮幸的在2014年就為這間釣具品牌來設計規劃,由於當時只有規劃電腦版本,這幾年手機族群已成為主力,未支援手機變得不友善,故此次案主特別請艾羽再次規劃手機版本,為這三十年品牌的釣具店注入新生命。

 

介面部分特別為手機設計,非傳統RWD的切換,故在版面排版上更靈活,視覺的呈現上乾淨俐落,右側選單支援兩層式分類,可即時左右切換上下層,有多少子分類會顯示一個小數字在大分類上。頂部的功能bar會跟隨您的滑動,搜尋功能一按即可開啟,主畫面可以左右滑動切換,首頁分為最新到貨及熱銷商品兩區,下方更提供主題分類,釣蝦、磯釣、路亞、船釣、溪釣、池釣一應俱全。

 

進入商品區,主題分類左側顯示該區所有商品的數量,右側提供暢銷度、金額、新進商品、編號..等多種商品排序,兩筆一列商品排列方式大小剛好,在4.X吋的手機上符合完美的比例,點下商品即出現商品大圖,可左右切換看圖,下滑後可以看到更多商品角度及細部分解圖,點選你要的尺寸及數量,加入購物輕鬆完成。多數電商總是充斥蓋版廣告及複雜的操作,但本質該是讓找商品回歸於簡單,好的使用者操作體驗成為首要原則,這才能稱為一個好的手機版網頁。

TOP