專案背景與目標
為提升網站SEO及因應公司業務擴展，啟動改版計畫，讓官網成為公司銷售的推手。
- 網站導航缺乏直覺性，使用者在尋找資訊時容易迷失。
- 產品種類繁多，但未能有效系統化展示，且各領域的應用案例混雜，缺乏清晰區分，導致用戶難以快速找到所需資訊。
- 網站未有效運用SEO關鍵字，影響搜尋引擎排名，且不支援響應式設計(RWD)，無法在各種設備上提供良好的瀏覽體驗。
執行方式/流程
前期調研
- 桌面研究
- 利害關係人訪談
- 理清商業模式與定位
使用者體驗/介面設計
- 功能流程梳理與討論
- 視覺提案
- 視覺介面執行
- 響應式設計執行
設計交付
- 設計交付檔案
- 工程核對
我們的挑戰
透過對原廠網站及同業網站的深入桌面研究，我們制定了一套設計準則，旨在為官網打造最適合目標受眾的使用體驗。
重新設計導航架構
透過分層設計和功能分類，讓使用者能以最短的路徑找到目標資訊，提升操作的流暢性和直覺性。
網站視覺全面升級
對產品與應用案例進行邏輯分類與層級劃分，建立專屬區域，確保資訊呈現有條不紊。
網站視覺全面升級
整合SEO關鍵字，優化搜尋引擎排名，並全面實現響應式設計，確保各設備均提供一致的瀏覽體驗。
網站視覺全面升級
多層的架構設計與資訊透明化相結合，改善使用者體驗的同時，增強品牌形象與用戶對網站的信任感。
專案執行內容
優化改善現有官網，重新擬定資訊架構，以使用者為中心，兼顧推廣產品與教學理念，讓官網成為內外部溝通橋樑。
跨部門溝通、確認需求
將每個部門的需求納入官網的設計規劃，提升公司內部對於企業價值認同，凝聚團隊向心力。
國內外競品及相似企業分析
分析原廠官網及同業官網，將競品的資訊架構與內容規劃拆解分析，並建立所需功能與規劃內容。
競品分析結果
我們發現：
- Universal Robots 在用戶流程設計、SEO 策略與資訊架構方面，展示了極佳的用戶體驗與行銷導向設計。
- 3D Systems 在廣告策略上展現了多渠道推廣能力。
建立資訊架構
依照競品分析結果，重新擬定適合新官網的資訊架構，納入各部門需求與期待，依照需求規劃相關功能。
視覺設計雙提案
製作兩款風格設計，以確立實威官網的設計方向並定義完整的設計系統規範，統一風格並確保一致的使用者體驗。
提案一 ：產品技術導向
視覺意象 - 冷調工業、機械齒輪、垂直層次
提案二 ：產品應用導向
視覺意象 - 明亮溫暖、實境應用、扁平設計、水平閱讀
成果亮點一 ：網站可信度提升
提供充足的產品介紹及活動消息以及產業應用，有效提升網站的可信度。
成果亮點二 ：全新官網打造品牌新高度
告別舊版密集雜亂的排版，全新官網以專業的產品分類、系統化模組設計，重塑資訊架構，全面展現企業價值與品牌故事，帶來視覺與體驗的雙重升級！
舊官網
全新官網
成果亮點三 ：使用體驗再進化
提供明確的導覽列表，將資訊層級依重要性邏輯區分，並清楚分類各項資訊與內容。
舊官網
全新官網
成果亮點四 ：化被動為主動
塞入大量 CTA 按鈕，讓官網化被動為主動，鼓勵客戶立即聯絡與報名，成為公司內外部溝通橋樑。
設計系統建立，
提升效率與一致性，創意在實踐中綻放。
提供詳盡的字體、顏色與圖片等設計規範，確保在不同裝置上都能一致呈現，幫助系統順利建置並達到最佳效果。
我從專案中學習到...
在這次的改版中我學到「不要急著進行設計」，由於3D軟硬體相關產品類別較為複雜，若在了解不深的情況下貿然設計，不僅會增加使用者的瀏覽負擔，在流程規劃上也可能錯過提升體驗的機會點。
有了這次經驗，也讓我在往後收到需求時，更加地重視先釐清需求來源、使用情境及尚缺知識量的重要性。
有了這次經驗，也讓我在往後收到需求時，更加地重視先釐清需求來源、使用情境及尚缺知識量的重要性。
