Wu Behrens's profile

Costco App Redesign




Costco App Redesign

好市多,是一家會員制的大型量販店。透過每年的會員付費制度,以及降低公關、行銷、廣告費用等方式降低毛利,加上精選的各國品牌商品和自有品牌來提高銷量以及庫存的週轉。


此次的改造目標:
1.優化App功能,使其能夠為公司帶來更大商業價值。
2.透過改造此App,更加了解App的規劃。
3.針對Apple Store上的評價,以及自身對於原本App的疑問提出解決方案。

​​​​​​​

詳細改造文章請至:Medium













登入

取消掃描登入,變成了輸入會員的方式登入。因如需使用完整的會員功能,皆需要註冊線上會員,以及必須擁有會員卡號等兩個條件。因此選擇會員登入的使用者,只需登入或註冊電子會員即可,減少操作上的麻煩。同時此作法也能提高costco線上會員的註冊率,進而轉入線上購物的市場。

​​​​​​​







首頁

將首頁畫面分成三部分:
最上方的欄位自動播送近期主打的活動banner;
中間則是近期店內活動介紹;下半部則可透過左右滑動的方式展示新商品,特價、精選以及主打等商品等內容。









購物車&搜尋

購物車
透過標籤頁的方式自由切換。其中,可透過商品的左右滑動來編輯單一商品狀態,也可透過編輯功能大量編輯商品。另外,在購物車內有商品時,Tab Bar上也會顯示提示。

搜尋
將搜尋商品以及賣場位置結合至同一個頁面當中,透過標籤頁的方式自由切換。其中,初次使用此App的使用者,在切換至賣場搜尋頁面時,系統將會詢問使用者是否提供位置訊息,自動排序距離最近的賣場位置。









選單

選單上的設計,將所有的商品以及活動依照目的性做了分類,規劃出了三個最主要的分類,活動優惠、商品分類以及無法在網路上購買的賣場獨家商品。而頁面上的設計,採用只有文字的設計,簡化其他視覺因素的干擾,透過滑動以及點選的方式選擇頁面。















電子會員

電子會員,取代了原本實體會員卡的功能。其中也加入了手機條碼載具的功能。此外,由於好市多結帳的方式是先過會員卡再提供電子載具的方式,因此不同於其他手機支付軟體,改由點選的方式才會跳出視窗,而不是進入會員頁後直接先顯示在螢幕上。此外,也能夠查詢會員多利金以及更改配送地址、發票條碼載具以及電話等個人資料。











其他

最後將幾個較少使用到的功能,放置在其他頁面當中。其中將油價查詢以及相關影音以併排的方式放在螢幕上方,利用不一樣的按鈕形狀與其他功能做出區別性。油價查詢的部分,目前在台灣擁有獨立加油站的賣場數量只有一家,因此選擇將其功能隱藏在其他功能內。此外,Costco其實也製作了許多食品烹飪、活動、介紹等相關的影片,只是因為營運模式的關係,能夠觸及到的對象非常有限,但內容其實非常優質。所以為了使Costco精心製作的相關影片,能觸及到更多人,除了在此提供了一個管道之外,也會將影片,加入至生鮮食品的商品展示頁當中。









Thanks for watching!


Costco App Redesign
Published:

Owner

Costco App Redesign

Published: