Project Description

Redesign a Multilingual B2B Website

Redesign a Multilingual B2B Website

:: DURATION

Dec 2018 – Jun 2019

:: CLIENT

QSAN

:: TEAM

MKT + RD + Design

:: MY ROLE

PM + UX + UI + VI

同時重新設計官網的前台與後台管理介面,使得QSAN官網改版成為一個大工程。而作為專案負責人,最大的挑戰是要跳脫單純設計者的身份,在設計面與執行面之間取得折衷。我深刻體會到:沒有最好,只有最適合的設計。

• Alexa網站全球排名在兩個月內上升50%
• 透過網頁諮詢產品的顧客,相較去年同期提升100%

Redesign Histories

企業轉型

QSAN過去的客戶是系統整合商,但如今新的產品已拓展至一般通路,我們的網站需要能夠吸引更多 End-user。舊官網是外包以模組化的套件製作,客製化程度有限。無論是想製作精美的Landing Page、新增多國語言、SEO優化,都窒礙難行。面對日益增加的行銷與業務需求,過去的網站已不敷使用。

In-House vs. Outsourcing

QSAN在2016、2017和2019(Q1)年都嘗試過官網的重建,造成過去專案失敗的原因有很多,但主要關鍵在於,內容不足以支撐理想的網站架構。QSAN的產品屬於網路基礎設備,產品領域較冷門,外包所製作的內容通常缺乏技術面的專業。由於內容無法外包,內部又沒有資源在短期間內完成,最終決定由內部製作內容並進行網站開發。

Before

Design Goal

Background

舊網站的圖文幾乎都來自軟體文件,這些由不同PM在不同時期製作的技術文件,不僅對End-user而言過於艱深,設計風格與素材品質不一,也令品牌形象大打折扣。除此之外,網站導航相當混亂,難以找到所需資訊。

Paint Point

設計面

• 風格與素材品質
• 網站導航混亂
• 文字不易理解
• 重複內容過多

執行面

• 公司的RD沒有製作網站的相關經驗
• 內容不足

Design Goal

我們的目標是,藉由打造對End-user及管理者都友善的高可用性網站,幫助品牌行銷、拓展業務。

• 準時上線
• 提升網站排名
• 多國語言
• 視覺整合
• 可客製化頁面的後台編輯框架
• 規劃CRM(客戶關係管理系統)

Ideation

設計面

• 資訊架構重整
• 釐清市場定位、商業策略,重新定義產品分類
• 重新定義 Content Strategy & UX Writing (內容及寫作語氣),提高可讀性
• 設計接觸使用者的多種渠道
• 彙整業務資源,建立CRM資料庫
• 模組化的 Design System(設計系統)
• 增加新版型與圖庫

執行面

• 積極與團隊溝通,回報進度,保持緊密合作的步調
• 訂定明確合理的流程
• 與RD討論,決定開發項目的優先性
• 確實的檢驗成品,確保品質
• 尋求其他部門協助,依內容的屬性分配工作,再進行統整

Design

View More

UI Spec

Room for Improvement

由於網站在製作完成後,各網頁會交由相關部門負責維護與管理。因此在設計前,我會先透過會議及訪談,了解各部門的工作流程及需求,並邀請他們進行測試及驗收,但在考量進度與資源分配的結果,後台的介面的設計在許多方面被折衷了,因此介面的易用性上仍有許多改善的空間。

Behind the Scenes

我認為在推動跨部門協作時,明確的規劃能降低阻力,提高合作的意願,因此我要求自已,以設計UX流程的方式設計協作流程。多虧夥伴們的努力,讓我們以極少的資源完成了網站,且很開心上線後的成效超乎預期。