CAE Service Websites

Introduction

My Role

UIUX design intern @ Moldex3D

Challenge

為了方便公司 B 端客戶更快速上手公司的 CAE 軟體,產品部門需要產出一致、體驗佳、且可以在不同裝置上使用的軟體學習平台、軟體輔助平台、以及專案管理平台。


Outcome
UI Optimization

優化使用者創建帳號時的信箱驗證流程

Design System

建立 Design system 以優化設計和開發團隊的工作流程

RWD

基於 Material design 網格系統及 Bootstrap 斷點,為 3 個平台建立 RWD


UI Optimization

帳號註冊信箱驗證流程優化

帳號註冊的信箱驗證在優化前需要使用者手動將寄到信箱中的驗證碼複製貼上,除了安全性問題外,流程上不太順暢,需要先填寫信箱帳號並驗證完之後,才可以將註冊資料上傳。

  • 介面斷點一:透過驗證碼驗證信箱,需要從信箱複製後貼上到註冊頁面,會有安全性及易用性問題。

    改善方式:將信箱的驗證碼改完驗證按鈕。

  • 介面斷點二:流程上需要將信箱完成註冊後才可以將其他註冊資料上傳,造成體驗不好導致轉換率低。

    改善方式:在驗證流程上先將資料送出,後續有空再進行信箱驗證。

在解決斷點時,我利用競品分析調查其他平台的信箱驗證流程後,先畫出 Flow Chart 將流程可視化方便與團隊夥伴討論,後續再製作 Mockup,並且使用 HTML 大致切出優化後的驗證信件模板,以確保設計和開發上溝通的效率。

優化前 Flow Chart

優化後 Flow Chart

優化前 Mockup

優化後 Mockup


Design System

此任務我先盤點介面上的元件後,再為多個平台建立 Components,以優化設計及開發團隊工作流程,並讓平台視覺呈現一致性


Responsive Web Design

設計好不同裝置介面後,與團隊夥伴討論與定稿,並產出標注文件交付給工程師開發

MPE - 學習平台

iSLM - 專案管理平台

Material Hub Cloud - 材料雲平台

因為以上所有平台網站並不對外開放所以無法說明太多,歡迎與我聯絡以了解更多!

Let's Talk!