簡介
Mos Order APP是摩斯漢堡推出的行動點餐服務，主要功能有外帶、外送服務。
定義問題
根據APP Store的評論區以及主頁面的問題有以下：
登入驗證問題
- 點完餐後才說沒有登入
- 登入驗證過期並不會跳回登入頁面
主畫面
- 點餐後找不到訂單(製作中的餐點會跑去歷史訂單)
- 主頁面許多功能皆與會員有關，如：會員專區、摩斯卡、安心取溫馨送、訂單紀錄、訊息
改善目標
登入驗證問題，在開啟APP時做判斷，而主畫面調整至較為直覺。
登入驗證問題
透過Splash Screen判斷使用者是否有登入或登入驗證的Token是否過期，若未登入或是Token過期則導回歡迎或登入頁面，若已登入導回主頁
主畫面
- 將底部導航列調整成首頁、分店、會員專區
- 首頁留下常用功能：立即點餐(外帶自取)、安心外送、摩斯卡QRCODE結帳/儲值和行銷的Banner
- 若有訂單時會在主頁面顯示訂單進度
Design System | 設計系統
建立元件庫裡，方便快速取用並且確保設計上的一致性。
User Flow | 使用者流程
登入流程
主畫面
Wireframe | 線框稿
登入
與APP原本的登入方法相同，採用手機OTP的方式簡化使用者登入流程
主畫面
- 將底部導航列調整成首頁、分店、會員專區。
- 在主頁面新增餐點製作中提醒，並且在點擊後會進入餐點詳情頁面。
- 原APP中較為分散的會員功能整合至會員專區。
Mock Up | 設計精稿
登入
主畫面
與我聯絡
Email: omarchen1231@gmail.com