官網整合與
建置

#visual#uiux#animation#develope#web

華碩雲端股份有限公司

官網整合與建置

OVERVIEW AND SUCCESS

概述與成就

將公司產品新的 2C 網站與舊的 2B 網站整合,為了改善設計整體風格,與優化內部維運網站流程,決定將網站搬移至 Wordpress。將公司 2C 與 2B 的官網整合後成功改善網站設計一致性減少使用者疑慮,並降低工程師的時間成本與加速需求端的作業流程。過程中學到如何從頭開始架站到完整上線並維運網站。

IDEATION AND DESIGN

構思與設計

搬移網站的過程中,重新審視兩個網站的資訊架構與設計系統,將新定位的設計理念更新至 Wordpress。舊版 2B 網站用色較淺與 2C 網站風格差距甚大,易讓使用者混淆,常接到誤以為是詐騙網站的回饋。網站整合前針對內部同仁進行需求調查,並利用反饋的問題點去做優化及改善。與行銷團隊、PM 團隊溝通討論,擬定網站最終改版設計方向。

舊版 2B 網站首頁

舊版 2B 網站首頁

2C User Flow
2B User Flow

兩個網站風格須有一致性,但又要些許的差異性,才能分別出給一般使用者的平易近人,與給企業的專業科技形象,經過調研重新定義後,藉由用色的差異,手繪與實體圖中引導出兩個網站風格。

UIkit

UIkit

公部門共契

重新設計 2B 網站與政府專案合作的頁面

註冊頁面

2B 註冊頁面

聯絡我們頁面

2B 聯絡我們頁面

使用 After Effects 為 2B 網站製作的服務介紹動畫