艾羽設計

EAST FISHING

東區釣具手機版

釣具 釣魚 釣竿 手機版網頁 網頁設計

釣具 釣魚 釣竿 手機版網頁 網頁設計

釣具 釣魚 釣竿 手機版網頁 網頁設計

釣具 釣魚 釣竿 手機版網頁 網頁設計

釣具 釣魚 釣竿 手機版網頁 網頁設計

IDEA

設計理念

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

 

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

 

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

客 戶: 東區釣具

日 期: 2017/09/01

色 系: 湖水藍&白色

支 援: PC / Mobile

技 術: HTML5 / CSS3 / JQUERY / PHP

Hashtag: #手機網頁設計 #釣具 #釣魚 #手機版網頁 #RWD

http://www.eastfishing.com.tw/