
Intro
企業培訓系統前後台整合
線上教育軟體系統,提供大企業進行遠距內部人才培訓與建立人才資料庫的服務。APP提供受訓人員可以遠距進行指定的訓練與測試。
Challenge
專案挑戰
多平台系統的優化進版,UX流程上重新整合Mobile與Web App的資訊層級與架構,重新定義識別系統,UI上規劃元件Guideline,提昇跨平台的使用體驗。
Client
業主
AiBI Techcology
My Role
我的角色
執行APP端UI、Wireframe、
與Visual設計,參與競品分析
與用戶研究(UX)。
Platform
平台
iOS
Android
Windows
Tool
設計工具
Adobe XD
Marvel
Zeplin

Market Research & Competitive Analysis
競品研究&功能分析
分析四個主要流行的競品功能,個別條列出俱優勢的功能,同時也列出尚未俱備的基本功能,像是權限與課程管理功能,做為開發的參考重點。

Build Up Persona
建構網頁與行動設備的人物誌
透過定義網頁版本與行動裝置版APP的人物誌差異,區分用戶的需求差異,像是後台功能與管理功能,僅限於網頁APP,方便課程管理者的需求,而手機應用程式,更著重於學員上課的體驗。




Refine information architecture
重整跨平台資訊
網頁版本的功能最為完全整,而設計行動裝置版APP的時,採取MVP(最小可行性版本)的開發邏輯,採以學員專屬,無導師、管理者、與後台功能。此外,原本網頁的架構需調整。

Refine Information Architecture
建立手機資訊架構
將學員功能架構依重要性調整先後順序,同層級的內容以分頁的方式整合,次要功能與訊息皆收至隱藏至選單或移到下一層 級讓學員在主頁就可以看到所有課程狀態與提醒。

Design Logo & Ui Style Guideline
設計標誌&介面風格指南
軟體初期僅以公司logo作為產品識別,容易造成產品線混淆,也不利於企業識別。 將管理系統命名為Apeiro並設計標準字與App logo。 定義主色系藍色,強化視覺與產品記憶點。
Old Logo

Fonts

New logo

Colors

