top of page

網頁設計-Live Show Seller 繁中官網/英語官網

​在艾高科技的期間,因應公司決策,我進行了三次官方網站的改版。

第一次改版:更新舊版網站(含設計及網站編排)

舊版網站當時有許多問題,包含跑版、元件未對齊格線導致畫面雜亂、間距不一和中文網站一進去卻是英文 Banner 等等。在剛進艾高科技時我先將看到的問題一一列出,以供之後在進行網站改版時參考。

除了視覺上的問題,我認為網站的編排也有點生硬(因為是由英文網站直翻),因此在改版初期我先透過虛構潛在用戶的 PersonaUser Journey,來發想網站需要什麼樣的內容。

Persona.png
User Journey.png

確認了網站地圖之後,亦訂下網站的 UI Guideline。

Site map.png
Color Patette & Typography All.png

​經過 User Journey 的分析,以及比對多家直接競品和間接競品的網站內容,我認為 Live Show Seller 官網當時缺乏的是較完整的介紹系統功能頁面,導致使用者在進入網站時所獲得的資訊與對產品的瞭解十分有限,從而缺乏註冊與試用的動力。所以第一次改版時,除了更新全站設計,亦加入了功能特色頁面

Group 8.png

在設計功能特色頁時,我製作了許多 UI 示意元件,除了避免將系統後台畫面全部展示出來,也配合文字敘述將重點清楚呈現。

Features-6-2.png
Features-7-1.png
Features-3-1.png
Features-4-1.png
Features-3-2.png
Features-5-1.png

第二次改版:改變產品經營方向(製作新首頁、新增新的服務項目頁面)

第二次改版是因為公司決定改變產品經營方向,因台灣市場在社群銷售/直播帶貨領域已發展多年,成熟度較東南亞市場高出許多,在推廣新的系統時感覺窒礙難行。因而推出新的企業模型,希望利用母公司談到的合作品牌吸引網紅與社群內容創作者合作,合作方式為​艾高科技提供品牌商品,由網紅使用我們的系統在社群平台上販售,再給予網紅相對應的抽成。

此次改版需要將首頁完全更新,將網站架構重新規劃並新增新的網紅合作頁面。網站由原先的插圖風格,轉向使用 KOL 的實體照片​,以面向新的推廣市場​下面為當時做的提案 Mockup。

Homepage
01.png
Our Brands

目前 Live Show Seller 英語官網仍為第二次改版版本,歡迎前往參考。

第三次改版:再次改變產品經營方向(更新首頁)

第三次改版時,公司已轉變為少人編制,希望未來的經營方向除了繼續發展網紅合作事項,也推出將我們軟體依據企業用戶需求客製化的服務。因此目標用戶為網紅與企業合作夥伴。網頁上首頁需更新為網紅合作及軟體服務並存的內容。

除此之外,由於 Live Show Seller 這個名字對於中文用戶來說難記又難以引起共鳴,因此在經過數月的爭取,終於推出中文名稱「電商串串」,意為通過我們的系統串起社群平台與電商販售,簡單快速地進入新零售3.0的世界。

Ver.3 Homepage

​歡迎前往 Live Show Seller 電商串串繁中官網查看更多細節!謝謝觀賞:)

bottom of page