April 22, 2020

報名網站系統

重新設計,報名網站建置後台

報名網站系統

目標

獎金獵人旗下2B產品,提供主辦單位,建置報名網站與比賽資訊的系統,包含發布比賽資訊、比賽資訊設定、網站架設、管理投稿者作品、留言等等。
目標設定不需要客服、操作手冊,使用者就可以自行在管理介面找到想要的功能操作

Team

PO: Hana | 技術長:Hina | 前端工程師:AJ | 後端工程師:Scar | 設計師:Tia


設計流程

客服訪談
蒐集出客服最常被詢問的問題點

  • 原本介面繁雜,不易找到功能
  • 分類混淆
  • 很常需要的功能卻沒有
  • 體驗不順暢

改版前分析

介面樣式不統一,造成使用者容易混淆功能上的意義。
部分功能已經不符合現在需求,於2016年開發到至今。

設計靈感

選用品牌顏色,綠色與橘色,介面設計色彩。搭配亮色搭配深灰色的方式,整體調性拉回專案感。最後就是統一介面樣式。

Mockup

簡單乾淨的畫面,中央每一張卡片即是一個比賽網站項目,點擊後就可以進入編輯頁面
置頂的header上tab方式分類切換,解決原本都放在同一個頁面容易混肴的問題

登入
總攬
管理、編輯

User Journey

這個階段中,針對使用者體驗,與工程團隊一同討論,再一次修正後,進入開發階段。


在wireframe到mockup的過程,雙重困難。
2B類型的產品,因此對內要面對與業務、客服人員去討論,對外要去發想如何讓企業客戶們輕易上手,考驗UI/UX的設計能力,這次最重要的一課勇於互相溝通,理解不同角度思考的能力。