UI / UX Designer

PinLife 實現好設計的電商購物平臺

時間|2023.Jul. - Aug.

UI設計線上實戰營 畢業專案

本次的畢業專案包含四大主題作為方向,從線上學習平臺、健康紀錄、旅遊訂房、電商購物之中,組員共同決定以電商購物作為題目,且同時考量該題目適用於哪種平臺 (Desktop Web / Mobile APP擇一) 。

擇定電商購物為主題後,初步開始觀察電商的分類:




- 專售商品電商

‧ 專注在主打商品本身,販售主題核心較集中,消費市場的區隔性高,非常考驗關注流量與品牌黏著度,如要擴展其他延伸功能較難以發揮特性,通常行銷商品會以經營 IG、FB 專頁為主要方式。ex.服飾、寵物、美妝等

- 複合型電商
‧ 通常會有主打功能或販售商品,再加以延伸,ex:
(1) Dcard,透過卡友的分享特性,建立熱門推薦好物


(2) 博客來,主要販售書籍,所延伸的市場種類多、繁雜
(3) Pinkoi,主打設計質感選物的特性,以受眾市場的消費者對品牌黏著度進一步拓展「募資」功能

在討論主題的過程中,組員們對於複合型電商的特質較感興趣,並提出想練習有關募資商品的網站介面,因此開始參考相關的平臺。

‧ 與組員們共同討論電商主題白板

我們僅有約一周的時間完成畢業專案,執行的時間有限,除了共同討論的事項需要敲定開會時間以外,其他採用非同步方式進行,並決定以平臺首頁、首頁的下拉選單,以及產品頁面來製作專案。

在過程中包含 Design Review 的環節,確保在執行階段中的設計對齊使用者需求,並提點潛在問題讓學員們加以調整,盡可能達到最佳的設計方案。


這次的 Design Review 對於我們選定製作 Web 而非 APP 平臺提出疑問,因主題是電商購物,依網路電商平臺數據來看,相較於 Web,使用者使用 APP 進行下單的比例為大宗,針對這點問題,我們試著以產品端去思考相關策略模式:

1. B2C 通路電商平臺,Web 與 APP 存在不同優勢,在開發同等重要的狀況下,Desktop Web 在介面和功能的體驗上較為全面,並可先以延伸開發 RWD 適用於各種裝置螢幕上閱讀為方向,同時也有利提升 SEO 排名。


2. 在產品品牌創立初期,須考量開發成本與品牌前期的商業策略模式,首要任務是提升品牌的知名度以及廣泛接觸目標族群,相較於 Web 開發與維護成本低、使用門檻低,APP 多半需要在消費者熟悉並認知品牌後才執行下載,因此在觸及與採取行動上有部分程度的限制。而 APP 具有深化用戶的互動與便利性、加強品牌黏著度等優勢,有利於提升商品購買的轉化率,所以開發 APP 會列為下一階段的目標。


總和以上 2 點策略,我們以製作 Web 為優先選擇。

而在整體的視覺、資訊、閱讀動線等規劃上,Design Review 也檢視了我們的設計細節與決策,給予部分的回饋供我們去思考呈現的方式,經過此次的建議調整,最終產出本次的專案成品。

‧ PinLife 購物平臺 Mockup 設計細節

‧ PinLife 電商購物平臺 Mockup

雖然這次的畢業專案時程短暫,但進行團隊協作真的收穫滿滿,與組員從探討和收斂問題、設計製作、迭代成品等各個階段,對我而言都相當充實。

‧ 第30組畢業專案完成,最後一次開會

經過這次的實戰營訓練,儘管自己還有很多進步空間,但也因為經歷過這次約 40 天的學習,更清楚之後需要加強與優化的方向,謝謝 AAPD 團隊,也謝謝所有參與的同學們,未來繼續在設計的路上加油。

‧ 實戰營畢業典禮大合照

© 2024 Ching Lin. All rights reserved.

Crafted with 50% Passion, 30% Focus, and 20% Innocence.