
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

