MEMOPRESSO Creators Market
POSITION
行銷實習生
MY ROLE
介面設計
流程設計
PROJECT
UI Design
TIMELINE
一個月 (2021)
專案概要
以行銷人的角色第一次接觸UIUX領域，規劃網頁架構、流程與簡約的介面設計。專案主要由我與另一位實習工程師從0到1架起這個平台，由於公司內部討論發現過去與插畫家的聯繫方式無法有效的管理持續成長的插畫家數量，因此決定架起 MEMOPRESSO CREATORS MARKET，平台提供創作者使用及公司內部管理，經過多次來回溝通歷時約一個月後正式上線，後續確實減少許多與插畫家的溝通成本，內部管理也更方便。
專案背景
關於 MEMOPRESSO ...
MEMOPRESSO 結合社群軟體與無人零售的技術提供相片列印服務，與上百位插畫家合作，提供近千組相框讓消費者選擇，打造個性化的回憶保存。
問題與困境 ...
-
合作插畫家日漸增多，公司無足夠人手手動上傳相框，更新效率降低。
-
面對新合作插畫家需多次透過Instagram告知設計規範，多次來回溝通耗費雙方許多時間。
-
合作插畫家無透明平台查看販售狀況，造成雙方很多額外的溝通成本。
-
公司有時給予特定合作插畫家不同的合作方案，導致出金複雜化。
目標
-
減少公司與合作插畫家單獨的溝通時間成本
-
更有系統的管理合作插畫家們
小組討論後，新增人力並非考慮選項，也無法解決根本問題，加上合作插畫家的資訊管理需要更清楚、讓小組其他成員也能輕鬆取得資訊，最終決定：
建立全新平台 MEMOPRESSO CREATORS MARKET 於網站公布創作所需資訊，插畫家可自行上傳作品，減少公司作業程序；同時公司內部亦可操作後台管理。
發想與設計
平台使用對象：
合作插畫家
MEMOPRESSO
目標
將更多主控權交給合作插畫家：
-
能夠隨時隨地自行上架像框
-
新的合作夥伴亦可自行註冊上架
更有效率的管理所有合作插畫家
預期開發功能：
-
插畫家能夠隨時隨地自行上架並管理相框
-
設計規範公開化
-
整合合作方案
-
公司人員後台管理
資訊層級規劃：
以首頁的介紹以及CTA吸引創作者了解更多並註冊個人商店，且將此次專案重點功能放入導航列：
網站功能
設計規範
對應預期開發功能
設計規範公開化
登入
插畫家能夠隨時隨地自行上架並管理相框
上架方式
插畫家能夠隨時隨地自行上架並管理相框
▲ 網頁頂部導航列
市集則為目前可下單之網頁，新的合作插畫家可在市集中了解其他MEMOPRESSO已合作插畫家之作品。
另外，在首頁的介紹加入五個CTA按鈕吸引創作者了解更多相關資訊並註冊個人商店。
▲首頁CTA按鈕
整體資訊架構重點放在登入功能，主要功能包含上傳相框、分潤。詳見下圖：
▲ 網站資訊架構
D. UI 設計
1. 響應式設計：首頁
手機版
平板、網頁版
2. 註冊流程
3. 相框上傳流程
▲ Step.1 選擇底圖
▲ Step.2 選擇上層圖檔
▲ Step.4 定價
▲ Step.3 預覽
(可開啟顯示範例圖片檢查設計是否被遮擋 )
▲ Step.5 完成。等待審核
專案反思
在正式踏入 UIUX 領域後回頭看此專案發現有許多可改進之處，像是未來執行專案應製作 design kit，修改時可以更有效率，網頁一致性也會提升。中間學到簡化操作流程的重要性，讓創作者僅需簡單的步驟即可上傳他們的作品，增加平台的易用性才能留住創作者。此外，公開透明設計規範以及自由選擇合作方案的更動將更多的自主權交還給創作者，提升平台的可信度及吸引力。
平台建立後續成功更容易管理合作插畫家，從過去需要各種 data 都必須透過工程師，到小組成員只要登入後台即可取得所需資料，減少工程師負擔亦增加整個團隊的工作效率。
未來仍需要工程師繼續維護，以及行銷端需聆聽創作者的平台使用回饋以評估是否需要增減功能。