桑速 Zomfast | 網站設計
Client
桑速 Zomfast
桑速 Zomfast
Duration
6 months
6 months
Category
UIUX Design
UIUX Design
「簡潔化交易流程，讓使用者深具信賴。」
【產品背景】
桑速 Zomfast 是加密貨幣兌換商，經過金管會認可的 OTC 業者，所有程序皆符合主管機關的規定，是值得信賴，且方便使用新台幣出入金的管道。
用戶可以透過桑速 ZomFast 進行即時的查價，並進行下單，交易安全又快速，任何加密貨幣買賣皆可使用桑速進行。
【專案概覽】
Zomfast 桑速是一群台灣最早開始交易加密貨幣的人成立，在該行業內已經有多年經驗及良好的聲譽，並且在 2021 年和許多資產託管服務商有合作，以合理的價格進行交易。
在 2022 年 Zomfast 桑速網站進行全面的翻新，期望打造更具專業信賴感的加密貨幣交易網站，設計全新的視覺與交易流程，提供給用戶更方便快速的交易平台。
Zomfast 桑速的加密貨幣交易網站，在台灣已運行多年，然而從產品上市以來，並未針對使用者介面和體驗進行優化，因此在很多方面也影響了 Zomfast 桑速的使用者體驗。許多用戶與業主皆認為網站風格太過活潑、有趣，缺少穩重、專業感。
01 | 團隊目標
重新設計目前的 Zomfast 桑速網站，打造更具專業信賴感的交易平台，優化既有交易流程。
02 | 角色與產出
在這個專案中，我和產品經理和工程師團隊密切合作。我負責 UIUX，規劃網站視覺設計、設計流程與產出，交付最終視覺設計成果給工程師。
03 | 專案挑戰
加密貨幣交易過程繁複，須有較多專業的知識深入了解後，才能設計出完善的流程，需要快速學習相關知識。團隊成員眾多，需要有效的溝通協調，讓產品達到完善。
04 | 專案成果與影響
這次改版重新建立了品牌形象，簡化交易流程。
【使用者研究洞察】
使用者表示 Zomfast 網站看起來像詐騙網站，因為他們覺得我們的網站不論是在畫面呈現和功能上都不足以讓他們願意進行金錢的交易。 使用者認為交易流程繁瑣，在交易過程中會感到花費太多時間。
加密貨幣交易網站通常看起來比較簡潔、有專業感且資訊充足，這也提供給使用者信賴感，願意使用該網站開始交易。
【問題與目標】
網頁無法信賴 |
加密貨幣交易網站需要有充足的信賴感，使用者才會願意使用，除了風格穩重外，也要有充足的資訊來建立專業感。
交易流程繁瑣 |
原本的交易流程需要用戶等待專員連繫，才能完成交易，新的交易流程將讓用戶能透過網站直接完成交易。
【第一階段：網站企劃】
確認網站內容、需求、定位 |
Zomfast 桑速平台主要服務是提供加密貨幣的交易，我們先針對網站整理了完整的架構圖，並把交易流程的 flow 排列出來，確保邏輯通順、考慮到各種可能性。 由於有許多需要請用戶填寫的資料，所以素材也先行與業主確認，反覆溝通，直至確保一切完整。
確認網站整體風格 |
Zomfast 桑速有既有的品牌 logo，所以新的視覺必須搭配 logo 去做延伸，讓它保有整體性。
所以在網站設計上，大量運用品牌色系，以透明度的變化做出層次感，用 logo 延伸出輔助圖形，運用在素材圖中，整體風格塑造出專業、信賴之感。
網站的插畫與 icon 風格為簡潔但又有辨識度，讓網站整體增加獨特性，在市場上能與其他網站做出區別，搭配部分的動畫，更顯活潑。
【第二階段：網站視覺設計】
A. wireframe 繪製
B. 精稿製作
Design Guidelines
首頁
關於 Zomfast
更自動化的交易體驗
一直以來，如果使用者想要在 Zomfast 桑速交易，必須以文字與專員溝通，過程需要等待與輸入對話，花費時間冗長也較不便利。
因此這次改版中，希望可以讓使用者進行更方便快速的交易流程，所以改用「點選」的方式來選擇要交易的內容，所需的資料也能直接從會員資料帶入，不用再額外輸入。
更完整方便的身份驗證流程
以往的身份驗證，用戶並不知道目前在哪一階段，需要填寫的資料相當多，用戶較容易因為麻煩而放棄填寫。
此次改版新增了進度條方便用戶追蹤進度，許多欄位使用下拉選單的形式，讓用戶可以用「點選」的方式快速填寫，並且會保留用戶填寫的內容，就算用戶中途離開，也能隨時回來接續原本的資料繼續填寫，降低要填寫大量資料的門檻與心理煩雜感。
更詳細的活動內容紀錄
身份驗證完成進度、會員資料內容、帳戶資訊、交易的活動紀錄、紅利回饋等以往只有部分資料可以查詢，這次改版新增了完整資訊，並且能依據狀態做紀錄，能篩選日期快速找到需要的資料。
新增紅利回饋功能
從推薦碼功能讓用戶累積紅利回饋，增加使用的誘因。
新增推薦碼功能
新增的推薦碼功能能讓用戶彼此互相推薦，串連更多的用戶。
歷史交易紀錄
使用者可以點選三個月的時間區間，查詢買入 / 賣出的交易紀錄，以收合欄的形式呈現，方便使用者觀看，展開可以看到所有詳細資訊內容。
網站建置中頁面
由於舊網站轉換到新網站需要一段時間，期間無法使用網站，使用者進入後會呈現此畫面，用插圖呈現減緩使用者的不耐。
404 錯誤頁面
在 404 錯誤時會出現的畫面，逗趣的標語搭配插圖，使用者看了能會心一笑，減緩出現錯誤時的不耐。
【第三階段：網站維護】
針對已上線的功能持續做優化，並收集使用者的回饋，期望給予使用者更符合需求的體驗。
「簡潔化交易流程，讓使用者深具信賴。」
【產品背景】
桑速 Zomfast 是加密貨幣兌換商，經過金管會認可的 OTC 業者，所有程序皆符合主管機關的規定，是值得信賴，且方便使用新台幣出入金的管道。
用戶可以透過桑速 ZomFast 進行即時的查價，並進行下單，交易安全又快速，任何加密貨幣買賣皆可使用桑速進行。
【專案概覽】
Zomfast 桑速是一群台灣最早開始交易加密貨幣的人成立，在該行業內已經有多年經驗及良好的聲譽，並且在 2021 年和許多資產託管服務商有合作，以合理的價格進行交易。
在 2022 年 Zomfast 桑速網站進行全面的翻新，期望打造更具專業信賴感的加密貨幣交易網站，設計全新的視覺與交易流程，提供給用戶更方便快速的交易平台。
Zomfast 桑速的加密貨幣交易網站，在台灣已運行多年，然而從產品上市以來，並未針對使用者介面和體驗進行優化，因此在很多方面也影響了 Zomfast 桑速的使用者體驗。許多用戶與業主皆認為網站風格太過活潑、有趣，缺少穩重、專業感。
01 | 團隊目標
重新設計目前的 Zomfast 桑速網站，打造更具專業信賴感的交易平台，優化既有交易流程。
02 | 角色與產出
在這個專案中，我和產品經理和工程師團隊密切合作。我負責 UIUX，規劃網站視覺設計、設計流程與產出，交付最終視覺設計成果給工程師。
03 | 專案挑戰
加密貨幣交易過程繁複，須有較多專業的知識深入了解後，才能設計出完善的流程，需要快速學習相關知識。團隊成員眾多，需要有效的溝通協調，讓產品達到完善。
04 | 專案成果與影響
這次改版重新建立了品牌形象，簡化交易流程。
【使用者研究洞察】
使用者表示 Zomfast 網站看起來像詐騙網站，因為他們覺得我們的網站不論是在畫面呈現和功能上都不足以讓他們願意進行金錢的交易。 使用者認為交易流程繁瑣，在交易過程中會感到花費太多時間。
加密貨幣交易網站通常看起來比較簡潔、有專業感且資訊充足，這也提供給使用者信賴感，願意使用該網站開始交易。
【問題與目標】
網頁無法信賴 |
加密貨幣交易網站需要有充足的信賴感，使用者才會願意使用，除了風格穩重外，也要有充足的資訊來建立專業感。
交易流程繁瑣 |
原本的交易流程需要用戶等待專員連繫，才能完成交易，新的交易流程將讓用戶能透過網站直接完成交易。
【第一階段：網站企劃】
確認網站內容、需求、定位 |
Zomfast 桑速平台主要服務是提供加密貨幣的交易，我們先針對網站整理了完整的架構圖，並把交易流程的 flow 排列出來，確保邏輯通順、考慮到各種可能性。 由於有許多需要請用戶填寫的資料，所以素材也先行與業主確認，反覆溝通，直至確保一切完整。
確認網站整體風格 |
Zomfast 桑速有既有的品牌 logo，所以新的視覺必須搭配 logo 去做延伸，讓它保有整體性。
所以在網站設計上，大量運用品牌色系，以透明度的變化做出層次感，用 logo 延伸出輔助圖形，運用在素材圖中，整體風格塑造出專業、信賴之感。
網站的插畫與 icon 風格為簡潔但又有辨識度，讓網站整體增加獨特性，在市場上能與其他網站做出區別，搭配部分的動畫，更顯活潑。
【第二階段：網站視覺設計】
A. wireframe 繪製
B. 精稿製作
Design Guidelines
首頁
關於 Zomfast
更自動化的交易體驗
一直以來，如果使用者想要在 Zomfast 桑速交易，必須以文字與專員溝通，過程需要等待與輸入對話，花費時間冗長也較不便利。
因此這次改版中，希望可以讓使用者進行更方便快速的交易流程，所以改用「點選」的方式來選擇要交易的內容，所需的資料也能直接從會員資料帶入，不用再額外輸入。
更完整方便的身份驗證流程
以往的身份驗證，用戶並不知道目前在哪一階段，需要填寫的資料相當多，用戶較容易因為麻煩而放棄填寫。
此次改版新增了進度條方便用戶追蹤進度，許多欄位使用下拉選單的形式，讓用戶可以用「點選」的方式快速填寫，並且會保留用戶填寫的內容，就算用戶中途離開，也能隨時回來接續原本的資料繼續填寫，降低要填寫大量資料的門檻與心理煩雜感。
更詳細的活動內容紀錄
身份驗證完成進度、會員資料內容、帳戶資訊、交易的活動紀錄、紅利回饋等以往只有部分資料可以查詢，這次改版新增了完整資訊，並且能依據狀態做紀錄，能篩選日期快速找到需要的資料。
新增紅利回饋功能
從推薦碼功能讓用戶累積紅利回饋，增加使用的誘因。
新增推薦碼功能
新增的推薦碼功能能讓用戶彼此互相推薦，串連更多的用戶。
歷史交易紀錄
使用者可以點選三個月的時間區間，查詢買入 / 賣出的交易紀錄，以收合欄的形式呈現，方便使用者觀看，展開可以看到所有詳細資訊內容。
網站建置中頁面
由於舊網站轉換到新網站需要一段時間，期間無法使用網站，使用者進入後會呈現此畫面，用插圖呈現減緩使用者的不耐。
404 錯誤頁面
在 404 錯誤時會出現的畫面，逗趣的標語搭配插圖，使用者看了能會心一笑，減緩出現錯誤時的不耐。
【第三階段：網站維護】
針對已上線的功能持續做優化，並收集使用者的回饋，期望給予使用者更符合需求的體驗。
「簡潔化交易流程，讓使用者深具信賴。」
【產品背景】
桑速 Zomfast 是加密貨幣兌換商，經過金管會認可的 OTC 業者，所有程序皆符合主管機關的規定，是值得信賴，且方便使用新台幣出入金的管道。
用戶可以透過桑速 ZomFast 進行即時的查價，並進行下單，交易安全又快速，任何加密貨幣買賣皆可使用桑速進行。
【專案概覽】
Zomfast 桑速是一群台灣最早開始交易加密貨幣的人成立，在該行業內已經有多年經驗及良好的聲譽，並且在 2021 年和許多資產託管服務商有合作，以合理的價格進行交易。
在 2022 年 Zomfast 桑速網站進行全面的翻新，期望打造更具專業信賴感的加密貨幣交易網站，設計全新的視覺與交易流程，提供給用戶更方便快速的交易平台。
Zomfast 桑速的加密貨幣交易網站，在台灣已運行多年，然而從產品上市以來，並未針對使用者介面和體驗進行優化，因此在很多方面也影響了 Zomfast 桑速的使用者體驗。許多用戶與業主皆認為網站風格太過活潑、有趣，缺少穩重、專業感。
01 | 團隊目標
重新設計目前的 Zomfast 桑速網站，打造更具專業信賴感的交易平台，優化既有交易流程。
02 | 角色與產出
在這個專案中，我和產品經理和工程師團隊密切合作。我負責 UIUX，規劃網站視覺設計、設計流程與產出，交付最終視覺設計成果給工程師。
03 | 專案挑戰
加密貨幣交易過程繁複，須有較多專業的知識深入了解後，才能設計出完善的流程，需要快速學習相關知識。團隊成員眾多，需要有效的溝通協調，讓產品達到完善。
04 | 專案成果與影響
這次改版重新建立了品牌形象，簡化交易流程。
【使用者研究洞察】
使用者表示 Zomfast 網站看起來像詐騙網站，因為他們覺得我們的網站不論是在畫面呈現和功能上都不足以讓他們願意進行金錢的交易。 使用者認為交易流程繁瑣，在交易過程中會感到花費太多時間。
加密貨幣交易網站通常看起來比較簡潔、有專業感且資訊充足，這也提供給使用者信賴感，願意使用該網站開始交易。
【問題與目標】
網頁無法信賴 |
加密貨幣交易網站需要有充足的信賴感，使用者才會願意使用，除了風格穩重外，也要有充足的資訊來建立專業感。
交易流程繁瑣 |
原本的交易流程需要用戶等待專員連繫，才能完成交易，新的交易流程將讓用戶能透過網站直接完成交易。
【第一階段：網站企劃】
確認網站內容、需求、定位 |
Zomfast 桑速平台主要服務是提供加密貨幣的交易，我們先針對網站整理了完整的架構圖，並把交易流程的 flow 排列出來，確保邏輯通順、考慮到各種可能性。 由於有許多需要請用戶填寫的資料，所以素材也先行與業主確認，反覆溝通，直至確保一切完整。
確認網站整體風格 |
Zomfast 桑速有既有的品牌 logo，所以新的視覺必須搭配 logo 去做延伸，讓它保有整體性。
所以在網站設計上，大量運用品牌色系，以透明度的變化做出層次感，用 logo 延伸出輔助圖形，運用在素材圖中，整體風格塑造出專業、信賴之感。
網站的插畫與 icon 風格為簡潔但又有辨識度，讓網站整體增加獨特性，在市場上能與其他網站做出區別，搭配部分的動畫，更顯活潑。
【第二階段：網站視覺設計】
A. wireframe 繪製
B. 精稿製作
Design Guidelines
首頁
關於 Zomfast
更自動化的交易體驗
一直以來，如果使用者想要在 Zomfast 桑速交易，必須以文字與專員溝通，過程需要等待與輸入對話，花費時間冗長也較不便利。
因此這次改版中，希望可以讓使用者進行更方便快速的交易流程，所以改用「點選」的方式來選擇要交易的內容，所需的資料也能直接從會員資料帶入，不用再額外輸入。
更完整方便的身份驗證流程
以往的身份驗證，用戶並不知道目前在哪一階段，需要填寫的資料相當多，用戶較容易因為麻煩而放棄填寫。
此次改版新增了進度條方便用戶追蹤進度，許多欄位使用下拉選單的形式，讓用戶可以用「點選」的方式快速填寫，並且會保留用戶填寫的內容，就算用戶中途離開，也能隨時回來接續原本的資料繼續填寫，降低要填寫大量資料的門檻與心理煩雜感。
更詳細的活動內容紀錄
身份驗證完成進度、會員資料內容、帳戶資訊、交易的活動紀錄、紅利回饋等以往只有部分資料可以查詢，這次改版新增了完整資訊，並且能依據狀態做紀錄，能篩選日期快速找到需要的資料。
新增紅利回饋功能
從推薦碼功能讓用戶累積紅利回饋，增加使用的誘因。
新增推薦碼功能
新增的推薦碼功能能讓用戶彼此互相推薦，串連更多的用戶。
歷史交易紀錄
使用者可以點選三個月的時間區間，查詢買入 / 賣出的交易紀錄，以收合欄的形式呈現，方便使用者觀看，展開可以看到所有詳細資訊內容。
網站建置中頁面
由於舊網站轉換到新網站需要一段時間，期間無法使用網站，使用者進入後會呈現此畫面，用插圖呈現減緩使用者的不耐。
404 錯誤頁面
在 404 錯誤時會出現的畫面，逗趣的標語搭配插圖，使用者看了能會心一笑，減緩出現錯誤時的不耐。
【第三階段：網站維護】
針對已上線的功能持續做優化，並收集使用者的回饋，期望給予使用者更符合需求的體驗。
「簡潔化交易流程，讓使用者深具信賴。」
【產品背景】
桑速 Zomfast 是加密貨幣兌換商，經過金管會認可的 OTC 業者，所有程序皆符合主管機關的規定，是值得信賴，且方便使用新台幣出入金的管道。
用戶可以透過桑速 ZomFast 進行即時的查價，並進行下單，交易安全又快速，任何加密貨幣買賣皆可使用桑速進行。
【專案概覽】
Zomfast 桑速是一群台灣最早開始交易加密貨幣的人成立，在該行業內已經有多年經驗及良好的聲譽，並且在 2021 年和許多資產託管服務商有合作，以合理的價格進行交易。
在 2022 年 Zomfast 桑速網站進行全面的翻新，期望打造更具專業信賴感的加密貨幣交易網站，設計全新的視覺與交易流程，提供給用戶更方便快速的交易平台。
Zomfast 桑速的加密貨幣交易網站，在台灣已運行多年，然而從產品上市以來，並未針對使用者介面和體驗進行優化，因此在很多方面也影響了 Zomfast 桑速的使用者體驗。許多用戶與業主皆認為網站風格太過活潑、有趣，缺少穩重、專業感。
01 | 團隊目標
重新設計目前的 Zomfast 桑速網站，打造更具專業信賴感的交易平台，優化既有交易流程。
02 | 角色與產出
在這個專案中，我和產品經理和工程師團隊密切合作。我負責 UIUX，規劃網站視覺設計、設計流程與產出，交付最終視覺設計成果給工程師。
03 | 專案挑戰
加密貨幣交易過程繁複，須有較多專業的知識深入了解後，才能設計出完善的流程，需要快速學習相關知識。團隊成員眾多，需要有效的溝通協調，讓產品達到完善。
04 | 專案成果與影響
這次改版重新建立了品牌形象，簡化交易流程。
【使用者研究洞察】
使用者表示 Zomfast 網站看起來像詐騙網站，因為他們覺得我們的網站不論是在畫面呈現和功能上都不足以讓他們願意進行金錢的交易。 使用者認為交易流程繁瑣，在交易過程中會感到花費太多時間。
加密貨幣交易網站通常看起來比較簡潔、有專業感且資訊充足，這也提供給使用者信賴感，願意使用該網站開始交易。
【問題與目標】
網頁無法信賴 |
加密貨幣交易網站需要有充足的信賴感，使用者才會願意使用，除了風格穩重外，也要有充足的資訊來建立專業感。
交易流程繁瑣 |
原本的交易流程需要用戶等待專員連繫，才能完成交易，新的交易流程將讓用戶能透過網站直接完成交易。
【第一階段：網站企劃】
確認網站內容、需求、定位 |
Zomfast 桑速平台主要服務是提供加密貨幣的交易，我們先針對網站整理了完整的架構圖，並把交易流程的 flow 排列出來，確保邏輯通順、考慮到各種可能性。 由於有許多需要請用戶填寫的資料，所以素材也先行與業主確認，反覆溝通，直至確保一切完整。
確認網站整體風格 |
Zomfast 桑速有既有的品牌 logo，所以新的視覺必須搭配 logo 去做延伸，讓它保有整體性。
所以在網站設計上，大量運用品牌色系，以透明度的變化做出層次感，用 logo 延伸出輔助圖形，運用在素材圖中，整體風格塑造出專業、信賴之感。
網站的插畫與 icon 風格為簡潔但又有辨識度，讓網站整體增加獨特性，在市場上能與其他網站做出區別，搭配部分的動畫，更顯活潑。
【第二階段：網站視覺設計】
A. wireframe 繪製
B. 精稿製作
Design Guidelines
首頁
關於 Zomfast
更自動化的交易體驗
一直以來，如果使用者想要在 Zomfast 桑速交易，必須以文字與專員溝通，過程需要等待與輸入對話，花費時間冗長也較不便利。
因此這次改版中，希望可以讓使用者進行更方便快速的交易流程，所以改用「點選」的方式來選擇要交易的內容，所需的資料也能直接從會員資料帶入，不用再額外輸入。
更完整方便的身份驗證流程
以往的身份驗證，用戶並不知道目前在哪一階段，需要填寫的資料相當多，用戶較容易因為麻煩而放棄填寫。
此次改版新增了進度條方便用戶追蹤進度，許多欄位使用下拉選單的形式，讓用戶可以用「點選」的方式快速填寫，並且會保留用戶填寫的內容，就算用戶中途離開，也能隨時回來接續原本的資料繼續填寫，降低要填寫大量資料的門檻與心理煩雜感。
更詳細的活動內容紀錄
身份驗證完成進度、會員資料內容、帳戶資訊、交易的活動紀錄、紅利回饋等以往只有部分資料可以查詢，這次改版新增了完整資訊，並且能依據狀態做紀錄，能篩選日期快速找到需要的資料。
新增紅利回饋功能
從推薦碼功能讓用戶累積紅利回饋，增加使用的誘因。
新增推薦碼功能
新增的推薦碼功能能讓用戶彼此互相推薦，串連更多的用戶。
歷史交易紀錄
使用者可以點選三個月的時間區間，查詢買入 / 賣出的交易紀錄，以收合欄的形式呈現，方便使用者觀看，展開可以看到所有詳細資訊內容。
網站建置中頁面
由於舊網站轉換到新網站需要一段時間，期間無法使用網站，使用者進入後會呈現此畫面，用插圖呈現減緩使用者的不耐。
404 錯誤頁面
在 404 錯誤時會出現的畫面，逗趣的標語搭配插圖，使用者看了能會心一笑，減緩出現錯誤時的不耐。
【第三階段：網站維護】
針對已上線的功能持續做優化，並收集使用者的回饋，期望給予使用者更符合需求的體驗。
