EAST FISHING
東區釣具手機版
釣具.電子商務
  • +20%

    使用者

  • +20%

    流量

  • +1:00

    停留時間

  • -30%

    找尋時間

  • 75

    工作天數

  • 2

    測試原型

問題
1、網站原先設計沒有手機版,無法提供手機客戶觀看適合的畫面,面對廣大的釣客族群需要盡快產出手機的UI/UX介面來服務客戶
2、手機UI/UX介面操作需要簡單直覺,因為螢幕小需要簡化許多原有資訊及功能,對於原本就有PC版本的網站是一大挑戰
解決
1.團隊針對原有功能重新檢視,將商品圖片重新設計出適合手機瀏覽的尺寸,再將PC常用的項目如:最新商品、熱賣商品...等,放入手機版首頁最醒目的地方,手機訪客能在進到釣具網站的第一時間取得最新資訊
2.通常手機的另一項挑戰就是介面操作是否好用,我們將PC版本原有兩層式分類整合,在手機的選單中可以不換頁下,可直接選到第二層的分類,不用再一層一層的找尋,常用的搜尋放在頂部最顯眼的位置,任何一頁都能快速找想要的商品,不須時會乖乖收起來,不會影響到瀏覽商品

東區釣具_手機版網頁設計圖1

東區釣具_手機版網頁設計圖2

東區釣具_手機版網頁設計圖3

東區釣具_手機版網頁設計圖4

東區釣具_手機版網頁設計圖5

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

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

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

我們提供從諮詢到規劃、設計、實施到營運上線,從提案時就換位思考,什麼樣的作品才能在市場上與他人區隔,甚至要更優於他人的競爭力,我們只做一件事,就是做好你的網站。