拷貝機網站設計

為品牌打造線上的專業業務
專案時間
6個月
團隊角色
UX 使用者體驗設計師、UI 介面設計師
、視覺設計
負責工作
UIUX設計、、網站規劃、網站視覺設計

專案概覽

目標
  1. 提升品牌官方網站專業形象
  2. 將官方網站塑造成線上業務,讓使用者能第一時間透過網站獲得產品的相關資訊
角色&負責項目
  1. 擔任該專案的UX / UI設計師,了解企業運作後協助定位規劃網站架構
  2. 網站中文文案產出
  3. 網站SEO規劃網站
  4. 視覺風格設計
  5. 產品照拍攝
產出成果
  1. 網站於Google搜尋引擎的自然排名前進至10名內
  2. 主動聯繫的客戶增加72%,其中包含上市企業
  3. 訪客增加505%
  4. 增加5個頁面轉換處

專案背景

網站相較於品牌其他線上平台而言是新客戶第一個接觸的官方正式平台,客戶經營網站已一段時間但成效有限,對於網站規劃尚停留在東西上傳就會有訪客的觀念,經過討論決定先將基本的產品內容完善,並將消費者到訪、瀏覽、聯絡、購買...等建立一套完整的旅程,降低訪客流失並增加訂單量。

了解&定義問題

品牌的客戶除了有相關專業知識的消費者外,還有一群是企業的採購,網站來訪的訪客數與主動聯繫的人數千差萬別,討論後整理問題如下:

產品功能描述很難理解,產品其他細節的圖片很少
所有功能描述都大同小異,看不出來產品之間的差別
網站找了老半天才發現無法直接購買產品,還要連絡業務
產品名稱看不出裝置類型,要一個一個點進去
調整文案的顯示方式,同時增加圖片數量,透過圖文解釋更詳細
產品間的功能差異大概都是2~3個,透過比較圖快速理解差異
流量考量,初期不考慮建立金流,因此透過導購解決購買問題
使用者搜尋多半以需求做為起點,選單可根據使用者搜尋的心智模型來規劃

藉由數據推測問題

我們透過客戶過去一年的資料發現多半的使用者都是透過直接拜訪進到網站,並非從搜尋引擎找到品牌;而透過搜尋引進來的訪客也有一半以上到首頁就直接離開,同時也發現大多數訪客進入後瀏覽一個產品就直接離開,綜合上述所說的內容描述不易理解的問題,我們決定調整整個產品介紹的架構,同時完善品牌的介紹,讓訪客藉由網站便可得知我們是什麼品牌、販售什麼產品以及產品可以如何提升使用者個工作效率。

加強首頁的資訊呈現

整個網站的概念以”專業的線上業務”為概念,大多數訪客都是透過首頁進到網站,因此我們在首頁增加品牌的重點介紹,但舊有的首頁僅有一張產品圖及標語,也因此跳出率居高不下。

彈性的產品比較圖

提供站內所有產品的比較圖,可根據訪客的需求自行調整欲比較的產品,下方同時顯示相關的產品說明卡片,可引導使用者點擊快速前往該頁面。

產品介紹頁面

一改原本的資訊呈現方式,將產品內容分為三個類型:產品特點、操作影片、規格,並用一個功能搭配一個圖的方式進行介紹,增加整體視覺的豐富度,同時左側也增加產品介紹下載、客服諮詢的浮動按鈕。。

增加網站導購

如前面所提,因流量考量初步暫不考慮設置站內金流,所以在網站頁面上方提供電商平台的導購連結,當使用者確定購買該產品時可直接點擊連結前往該產品的購物頁面,同時也降低訂單流失問題。

Before & After

首頁

產品頁

產品目錄&比較功能