Ushow官網

Ushow官網

Ushow官網

為了提高企業產品官網的顧客資料留存率,改善舊官網結構混亂、路徑不清晰等問題,我們決定著手進行官網的重新設計。

新官網正式上線後,網站訪客的數量和顧客資料留存率明顯提升,並且為企業產品建立了乾淨、明亮、簡潔等嶄新的形象。

Redesign

Redesign

Redesign

Work project

Work project

Work project

Live site

Live site

Live site

時間

2023年2月 - 6月

持續迭代中

時間

2023年2月 - 6月

持續迭代中

時間

2023年2月 - 6月

持續迭代中

我的角色

UX Designer

UI Designer

我的角色

UX Designer

UI Designer

我的角色

UX Designer

UI Designer

團隊成員

行銷專員*1

UI/UX設計師*1

前端工程師*1

團隊成員

行銷專員*1

UI/UX設計師*1

前端工程師*1

團隊成員

行銷專員*1

UI/UX設計師*1

前端工程師*1

Ushow官網

為了提高企業產品官網的顧客資料留存率,改善舊官網結構混亂、路徑不清晰等問題,我們決定著手進行官網的重新設計。

新官網正式上線後,網站訪客的數量和顧客資料留存率明顯提升,並且為企業產品建立了乾淨、明亮、簡潔等嶄新的形象。

Redesign

Work project

Live site

時間

2023年2月 - 6月

持續迭代中

我的角色

UX Designer

UI Designer

團隊成員

行銷專員*1

UI/UX設計師*1

前端工程師*1

專案背景

百揚資訊科技在1990年創立,從最初的辦公室硬體設備OA事務機起步。因應變化多端的產業需求,近年來除了硬體的代理及經銷,自2017年建立了專業軟體團隊,自行開發 POS 收銀系統。

起初企業的官方網站是由外包網頁設計公司負責開發,而多年前設計的網站已顯得過時,並且存在著諸多問題影響顧客的瀏覽體驗。同時因為網站是外包的關係,在維護上不夠即時和方便。如今企業已有內部的軟體團隊,我們希望能藉由這次的重新設計,拿回官方網站的主導權,依照企業需求更加靈活地建立企業形象。

專案背景

百揚資訊科技在1990年創立,從最初的辦公室硬體設備OA事務機起步。因應變化多端的產業需求,近年來除了硬體的代理及經銷,自2017年建立了專業軟體團隊,自行開發 POS 收銀系統。

起初企業的官方網站是由外包網頁設計公司負責開發,而多年前設計的網站已顯得過時,並且存在著諸多問題影響顧客的瀏覽體驗。同時因為網站是外包的關係,在維護上不夠即時和方便。如今企業已有內部的軟體團隊,我們希望能藉由這次的重新設計,拿回官方網站的主導權,依照企業需求更加靈活地建立企業形象。

定義問題

透過客戶的反應,以及向大眾發放關於官網主視覺的問卷調查,列出十幾個形容詞讓大眾選擇對官網主視覺的形容詞,我們發現原本的官網存在著以下問題。

1.網頁結構混亂

網頁上的圖片看似能夠點擊,實際上無法點擊,或是無法從文字說明判斷按鈕點擊進去會連結到什麼內容,導致使用者困惑,找不到想要的資訊。

將產品和服務放在一起,有Hover效果看似是詳情頁面的入口,但是實際上使用者沒辦法從此頁面直接點擊進入詳情內頁

無法直觀連結這個按鈕點進去會是企業故事、產品設備或是服務介紹

2. 價值傳遞不符合企業期待,顧客無法感受產品特色

訪客在進入舊官網的首頁時,映入眼簾的是以便宜的價格為主打的Banner,但是企業方面並不希望以「便宜、CP值高」為其主要的價值主張。問卷調查中,也有人表示Banner的促銷感太重,無法感受到產品的特別之處。

舊官網首頁Banner:主打價格便宜,但這並非企業想傳達的價值主張

3. 顏色風格並非企業想傳遞的形象

以深藍色為基底的暗色系色調,給人一種不乾淨、雜亂的感覺。在問卷調查中最多人給出的形容詞,前三名分別為「暗沉」(55.3%)、「沉悶」(47.4%)和「科技」(44.7%)

舊官網的主要色調為暗色系的深藍色為主

目標

1. 建立清晰、直觀的使用者瀏覽體驗

新網站必須能讓使用者清楚明瞭地找到想要的資訊,並且引導用戶至我們希望推銷的產品和洽詢頁面。

2. 提高用戶資料留存率

官方網站能夠引起顧客的興趣,讓顧客願意停留在網站瀏覽內容,並且留下資料做洽詢,進而增加業務推銷產品的機會。

3. 傳達現代、簡潔、乾淨的產品形象

企業希望能從銷售傳統收銀POS機的形象,轉變為主要推銷現代化的數位POS產品(尤其是ipad POS)以及雲端服務的科技業形象,所以官方網站的風格訴求為「現代、簡潔、乾淨」。

設計開發

競品分析

我們參考了幾個科技產品品牌,以及國內外販售POS系統的官網,發現以白色和灰色為主要基調是現今科技產品公司很受歡迎的配色,能讓企業形象和產品看起來時尚、乾淨。因此,我們打算以明亮淺色系風格來設計網站。

網站地圖

我們將POS系統和傳統收銀機硬體設備分開,用電商平台的方式展示產品和服務。

設計系統

因為企業Logo的顏色較為繽紛,所以我們選用了不會撞色,並且較為適合科技業的冷色藍色,加上鮮豔的橙色增加活力。

設計交付

電腦版
首頁
產品頁面

手機版

成果

到訪人數和資料存留數提升

根據Google Analytics數據和後台的洽詢案件紀錄,無論是到訪的訪客數量,還是洽詢的案件數量,都有顯著的提升!

改版後的總到訪人數大幅增加!

改版後的活躍用戶人數大幅增加!改善了舊官網用戶頁面跳出率高的問題

根據後台數據和業務回報,在新官網上線後留下資料的人數也有顯著增加

官網形象成功轉變

透過問卷調查,請大眾對於新官網的主視覺風格給予回饋,得到最多的形容詞前三名分別為「明亮」(73.7%)、「乾淨」(73.7%)、「簡約」(63.2%),符合我們當初設定的目標。

未來規劃

1.增加電商網站功能,讓顧客能更加方便快速地購買產品

現在的使用者流程,是顧客瀏覽後留下想洽詢的產品和個人資料,接著透過專人業務聯繫顧客販售產品。將來會考慮規劃為更接近電商平台功能的網站,販售硬體商品,顧客可以註冊會員、收藏商品以及直接透過網站下單購買產品。

2.增加iPad POS的吸引力

企業方面希望能主推POS產品,尤其是iPad POS,所以將來的規劃會著重在增加iPad POS的吸引力,讓顧客有興趣洽詢,以便在競爭激烈的市場脫穎而出。

聯絡我

感謝您的觀看,歡迎與我聯絡

聯絡我

感謝您的觀看,歡迎與我聯絡

聯絡我

感謝您的觀看,歡迎與我聯絡

聯絡我

感謝您的觀看,歡迎與我聯絡

© 2024 Alicia All Rights Reserved

© 2024 Alicia All Rights Reserved

© 2024 Alicia All Rights Reserved

© 2024 Alicia All Rights Reserved