Product Design

AVON LINE Mini Store - 點點購

My role at the project.

Product Desginer

釐清客戶需求,發想符合直銷電商應用情境的數位流程,設計規劃產品 UIUX 。

My role at the project.

Product Desginer

釐清客戶需求,發想符合直銷電商應用情境的數位流程,設計規劃產品 UIUX 。

專案期間

2022

專案期間

2022

服務公司

AVON - 雅芳

服務公司

AVON - 雅芳

使用工具

  • Figma

  • Photoshop


使用工具

  • Figma

  • Photoshop


負責項目

  • 資訊架構規劃

  • 用戶研究

  • 流程規劃

  • Wireframe

  • UI 設計

  • 視覺設計

負責項目

  • 資訊架構規劃

  • 用戶研究

  • 流程規劃

  • Wireframe

  • UI 設計

  • 視覺設計

Project Overview

本專案為 AVON 在 LINE 平台上的 Mini Store 設計,目的是打造符合 LINE 原生環境的點點購體驗,降低用戶購買門檻,並加強產品分享的社群傳播效力。我負責此專案的提案、創意發想、設計指導及 UI/UX 相關工作,確保最終產品能夠順利實現並達到預期效果。

本專案為 AVON 在 LINE 平台上的 Mini Store 設計,目的是打造符合 LINE 原生環境的點點購體驗,降低用戶購買門檻,並加強產品分享的社群傳播效力。我負責此專案的提案、創意發想、設計指導及 UI/UX 相關工作,確保最終產品能夠順利實現並達到預期效果。

團隊目標

團隊的目標是通過在 LINE 平台上建立 AVON Mini Store,提升用戶的購買體驗,並通過社群分享機制增加產品的曝光度和銷量。

角色產出

我主要負責需求分析、資訊架構規劃、流程規劃、Wireframe 設計、UI/UX 設計以及前端程式切版,確保專案的每個環節都符合用戶需求並具備高可用性。

專案挑戰

專案的主要挑戰在於如何在 LINE 原生操作環境中實現購物功能,同時確保不同平台間操作體驗的一致性。此外,需設計出用戶友好的分享機制,以增加產品在社群中的傳播效力。

設計成果

最終,我們成功設計並實現了一個符合 LINE 操作環境的 AVON Mini Store,大大降低了用戶的購買門檻,並通過創新的分享功能,顯著提升了產品的社群曝光度和銷量。

Challenges & Objectives 


  • 降低直銷商品的購買門檻 - 直銷電商的銷售體系相對隱密封閉,非直銷體系的一般用戶難以理解計價方式與優惠邏輯。

  • 增加商品社群分享擴散力 - 透過 LINE 平台的社群屬性,建立簡單有趣的分享機制讓用戶能快速分享商品,累積社交私領域的商品傳散度。

  • 加強跨平台體驗維持一致性 - 須符合 LINE 原生操作環境,同時保有現行電商機制,降低用戶於不同平台切換操作時產生的困惑。

  • 降低直銷商品的購買門檻 - 直銷電商的銷售體系相對隱密封閉,非直銷體系的一般用戶難以理解計價方式與優惠邏輯。

  • 增加商品社群分享擴散力 - 透過 LINE 平台的社群屬性,建立簡單有趣的分享機制讓用戶能快速分享商品,累積社交私領域的商品傳散度。

  • 加強跨平台體驗維持一致性 - 須符合 LINE 原生操作環境,同時保有現行電商機制,降低用戶於不同平台切換操作時產生的困惑。

透過客戶需求分析、用戶訪談,我們釐清出設計目標與不同角色的核心需求。

Design Process

透過需求訪談、用戶研究,我們歸納出點點購中三種不同的使用者分別為:「直銷代表」、「電商會員」、「OA 好友」,針對不同用戶需求進行優先級排序,歸納出核心型功能與期望型功能。重整原有電商網頁架構,設計符合 Mobile 操作環境的數位產品架構。透過 Wireframe 規劃聚焦點點購的結帳流程、分享機制、會員制度,結合利害關係人與用戶反饋後調整功能機制,提出能符合 3 個月內開發上線的數位產品規劃。進行介面風格定調,加強 AVON 品牌調性設計出具有系統、可擴充的 UI 介面規範。

透過需求訪談、用戶研究,我們歸納出點點購中三種不同的使用者分別為:「直銷代表」、「電商會員」、「OA 好友」,針對不同用戶需求進行優先級排序,歸納出核心型功能與期望型功能。重整原有電商網頁架構,設計符合 Mobile 操作環境的數位產品架構。透過 Wireframe 規劃聚焦點點購的結帳流程、分享機制、會員制度,結合利害關係人與用戶反饋後調整功能機制,提出能符合 3 個月內開發上線的數位產品規劃。進行介面風格定調,加強 AVON 品牌調性設計出具有系統、可擴充的 UI 介面規範。

透過 WIreframe 聚焦需求,驗證用戶流程的體驗設計流暢無縫。

Solutions & Deliverables

最終交付了一個符合 LINE 操作環境的 AVON Mini Store,包含詳細的資訊架構、流暢的用戶流程、精美的視覺設計和高效的分享機制,有效提升了用戶體驗和產品曝光度。

最終交付了一個符合 LINE 操作環境的 AVON Mini Store,包含詳細的資訊架構、流暢的用戶流程、精美的視覺設計和高效的分享機制,有效提升了用戶體驗和產品曝光度。

Reflections & Learnings 


在此專案中,我學會如何在 UX 設計中解決實際問題,特別是平衡客戶需求和用戶體驗。透過多次與客戶溝通和用戶研究,我找到了在 LINE 平台上實現社群購物的最佳方案,確保操作的流暢性和一致性。這些經驗讓我更加擅長處理複雜的設計挑戰,並提升了我的跨部門協作能力。

在此專案中,我學會如何在 UX 設計中解決實際問題,特別是平衡客戶需求和用戶體驗。透過多次與客戶溝通和用戶研究,我找到了在 LINE 平台上實現社群購物的最佳方案,確保操作的流暢性和一致性。這些經驗讓我更加擅長處理複雜的設計挑戰,並提升了我的跨部門協作能力。

Other Projects

Let's work together.

Thank you for reading! I'm currently seeking remote or full-time employment opportunities. Feel free to contact me. Looking forward to potential collaboration!

Copyright © 2024 Belinda Design All Rights Reserved.

Let's work together.

Thank you for reading! I'm currently seeking remote or full-time employment opportunities. Feel free to contact me. Looking forward to potential collaboration!

Copyright © 2024 Belinda Design All Rights Reserved.

Let's work together.

Thank you for reading! I'm currently seeking remote or full-time employment opportunities. Feel free to contact me. Looking forward to potential collaboration!

Copyright © 2024 Belinda Design All Rights Reserved.