E - Card
E - Card
設計種類Mobile App Design
市場分類商用 IoT App
負責工作互動設計、視覺設計
執行時間2022.01～2022.05
E-card是一款企業內部使用的App，在與實體「數位企業識別證」綁定後，可以進行打卡記錄管理、識別證遺失感測、數位名片交換...等功能。

此次專案目標主要是設計App的整體視覺，並適當調整App的互動流程或頁面架構。
Project Process
Information Map
我們根據PM所編寫的功能規格文件，調整部分功能的流程，並規劃出以下的App架構圖。
Benchmark
在視覺形象的規劃中，我們主要蒐集具備識別證意象，或是可以代表企業識別的各類色塊、曲線等特徵的設計，做為參考。

Concept
根據公司的企業識別視覺，以綠色、藍色為主色調，並盡可能結合識別證的意象、2022視覺趨勢，一共設計了4種版本的式樣。在與團隊成員正式討論後，最後則是將Concept A和Concept B做結合，設計出目前的版本。
Concept A
Concept B
Concept C
Concept D
App Icon
App Icon則是根據Concept B的配色方案做延伸，結合識別證、手機感應...等意象的設計。
UI Components
我們將各類UI的元件依照不同屬性功能進行分類，並標示各個元件的不同狀態的設計，方便RD開發與後續維護。
UI Guideline
同時，也標示各類元件的尺寸、元件間的間距是以哪種方式開發，如：固定數值、百分比、填滿區塊...等。
Android Version Showcase
iOS Version Showcase
Prototype in Figma
我們以Android的版本進行Prototype，並透過Figma獨有的Variants功能，幫助團隊成員或利害關係人等能夠進一步了解App頁面之間的關係與各類元件的微互動。