top of page
template-0528-Shirly_02-1.png

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

​競品研究&功能分析

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

 
 
 
template-0528-Shirly_07_edited_edited_ed

Build Up Persona

​建構網頁與行動設備的人物誌

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

 
 
template-0528-Shirly_08_edited_edited_ed
persona2_edited_edited.jpg
template-0528-Shirly_54.png
template-0528-Shirly_11.png
Refine information architecture

重整跨平台​資訊

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

 
 
template-0528-Shirly_52.png
Refine Information Architecture

建立手機資訊架構​

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

template-0528-Shirly_41.png

Design Logo & Ui Style Guideline

設計標誌&介面風格指南

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

 

Old Logo

apeiro-aibi-logo.png

Fonts

apeiro-fonts.png

New logo

apeiro-logo.png

Colors

apeiro-color.png
template-0528-Shirly_51.png
bottom of page