Problem
透過客戶的反應，以及向大眾發放關於官網主視覺的問卷調查，列出十幾個形容詞讓大眾選擇對官網主視覺的形容詞，我們發現原本的官網存在著以下問題。
1.網頁結構混亂
網頁上的圖片看似能夠點擊，實際上無法點擊，或是無法從文字說明判斷按鈕點擊進去會連結到什麼內容，導致使用者困惑，找不到想要的資訊。
將產品和服務放在一起，有Hover效果看似是詳情頁面的入口，但是實際上使用者沒辦法從此頁面直接點擊進入詳情內頁
無法直觀連結這個按鈕點進去會是企業故事、產品設備或是服務介紹
2. 價值傳遞不符合企業期待，顧客無法感受產品特色
訪客在進入舊官網的首頁時，映入眼簾的是以便宜的價格為主打的Banner，但是企業方面並不希望以「便宜、CP值高」為其主要的價值主張。問卷調查中，也有人表示Banner的促銷感太重，無法感受到產品的特別之處。
舊官網首頁Banner：主打價格便宜，但這並非企業想傳達的價值主張
3. 顏色風格並非企業想傳遞的形象
以深藍色為基底的暗色系色調，給人一種不乾淨、雜亂的感覺。在問卷調查中最多人給出的形容詞，前三名分別為「暗沉」(55.3%)、「沉悶」(47.4%)和「科技」(44.7%)
舊官網的主要色調為暗色系的深藍色為主
Goal
1. 建立清晰、直觀的使用者瀏覽體驗
新網站必須能讓使用者清楚明瞭地找到想要的資訊，並且引導用戶至我們希望推銷的產品和洽詢頁面。
2. 提高用戶資料留存率
官方網站能夠引起顧客的興趣，讓顧客願意停留在網站瀏覽內容，並且留下資料做洽詢，進而增加業務推銷產品的機會。
3. 傳達現代、簡潔、乾淨的產品形象
企業希望能從銷售傳統收銀POS機的形象，轉變為主要推銷現代化的數位POS產品（尤其是ipad POS）以及雲端服務的科技業形象，所以官方網站的風格訴求為「現代、簡潔、乾淨」。
Design
Competitive Audit
我們參考了幾個科技產品品牌，以及國內外販售POS系統的官網，發現以白色和灰色為主要基調是現今科技產品公司很受歡迎的配色，能讓企業形象和產品看起來時尚、乾淨。因此，我們打算以明亮淺色系風格來設計網站。
網站地圖
我們將POS系統和傳統收銀機硬體設備分開，用電商平台的方式展示產品和服務。
設計系統
因為企業Logo的顏色較為繽紛，所以我們選用了不會撞色，並且較為適合科技業的冷色藍色，加上鮮豔的橙色增加活力。
Dliverable
電腦版
首頁
產品頁面
手機版
Outcome
到訪人數和資料存留數提升
根據Google Analytics數據和後台的洽詢案件紀錄，無論是到訪的訪客數量，還是洽詢的案件數量，都有顯著的提升！
改版後的總到訪人數大幅增加！
改版後的活躍用戶人數大幅增加！改善了舊官網用戶頁面跳出率高的問題
根據後台數據和業務回報，在新官網上線後留下資料的人數也有顯著增加
官網形象成功轉變
透過問卷調查，請大眾對於新官網的主視覺風格給予回饋，得到最多的形容詞前三名分別為「明亮」(73.7%)、「乾淨」(73.7%)、「簡約」(63.2%)，符合我們當初設定的目標。
Future
1.增加電商網站功能，讓顧客能更加方便快速地購買產品
現在的使用者流程，是顧客瀏覽後留下想洽詢的產品和個人資料，接著透過專人業務聯繫顧客販售產品。將來會考慮規劃為更接近電商平台功能的網站，販售硬體商品，顧客可以註冊會員、收藏商品以及直接透過網站下單購買產品。
2.增加iPad POS的吸引力
企業方面希望能主推POS產品，尤其是iPad POS，所以將來的規劃會著重在增加iPad POS的吸引力，讓顧客有興趣洽詢，以便在競爭激烈的市場脫穎而出。
