SelfieSign

▍專案概要

I. 專案背景

我和一位文案專員合作，花費一年時間進行 SelfieSign 網站專案。於此專案中擔任行銷策略師、專案經理和 UI/UX 設計師，負責執行專案規劃、研究、網站設計和行銷活動。

II. 專案目標

提高網站流量，並吸引目標受眾觸及我們。

III. 專案成果

在 2021 年 1 月新網站發佈後，我進行了各項行銷活動，利用廣告、活動、社群媒體、網站內容和電子報等方式來增加網站流量。其數據受行銷活動影響而大幅成長，以下是 2020 年和 2021 年之間的數據比較結果。

網站流量年成長率超過 2 倍

SaaS 會員數年成長超過 1 倍

IV. 定義問題

一個平台可清楚地向使用者及目標客群介紹產品、提供如何將電子簽名導入他們的工作流程中，並化解他們對電子簽名產品的疑慮。

V. 解決方案

完成制定且實際執行增加網站流量和吸引目標受眾的計畫，並將計畫分為以下幾個項目。

• 透過行銷活動增加網站流量。
  
• 撰寫符合使用者和目標受眾需求的內容。
  
• 透過行銷活動提升品牌知名度。
  
• 透過 Google Analytics 和 Microsoft Clarity 等平台收集使用者數據。
  

▍研究分析

為更了解電子簽名產品的市場和目標受眾，我對國內外各種電子簽名產品進行研究分析。發現儘管電子簽名產品專注於不同的國家開發市場，但其目標受眾的產業和企業部門皆相似。

電子簽名市場研究

長條圖顯示哪些產業或部門是電子簽名產品的主要目標受眾，也有助於我們確定產品後續該專注哪些目標受眾。

競品分析

I. 解決方案頁

由於希望將業務拓展至其他產業，因此我認為 DocuSign 的解決方案頁分類方式較適合我們參考。

II. 顧客支援頁

為了讓使用者更快找到問題的解方，結合 DocuSign 與 DottedSign 顧客支援頁的分類方式，並根據使用者流程分類後，加上流程內使用者可能會遇到的問題，設計顧客支援頁面。

III. 產品價格頁

透過分析這些折線圖，我可以獲得有關產品營銷的目標使用者群和價格策略的洞察，包括月費和年費方案所提供的折扣，以及競品所針對產品價格的目標客群範圍。

競品測試

為了瞭解我們產品的定位、競品的功能，以及產品是否存有哪些 UI/UX 問題，我進行了競品測試，並依照問題優先處理順序列表，以提供開發人員確認是否需進行產品迭代。

▍Sitemap

根據競品分析的結果，我建立提升使用者對我們產品的了解和信任度的 Sitemap 架構，並幫助團隊成員清楚了解網站結構。

• 解決方案：
  為了協助公司銷售團隊透過網站擴展業務，我設計了針對不同產業和部門的解決方案頁面，包括金融服務、保險、醫療和銷售等。
• 支援：
  為了解決使用者在使用產品時可能遇到的問題，我增加了支援頁面，提供使用者在無法獲得我們即時協助時常見問題的解決方案。這些頁面內容包含步驟或建議，幫助使用者能更簡單開始使用產品。

▍Mockup

SelfieSign 網站設計以品牌色、科技感作為設計重點，保持品牌形象的一致性。為提高易讀性，以清晰、簡潔和結構清晰的方式呈現資訊。此外，我也思考了設計哪些區塊去有效吸引新客戶和 SaaS 產品的用戶。

I. 首頁

為提升客戶信任度，頁面設計多個區塊呈現產品成果和使用者評價。此外，也列出目標受眾的產業及部門，希望開發更多新客戶。

• Herospace：
  為了推廣產品和未來的行銷活動，我在首頁上使用了引人注目的標語和較大的字體來突出產品特點。此外，我將 App 商店 Icon 移至頁尾，以減少資訊上的混亂，為用戶提供更乾淨的介面。

• 產品介紹：
  我將產品介紹圖改成產品介紹影片，方便使用者能透過影像更清楚了解如何使用產品及產品特點。

• 產品成效與客戶：
  在新的網站設計中，為了增強客戶的對產品的信心和信任，於頁面中列出產品實際成效和客戶推薦之評價。

• 目標客群與客戶：
  此外，我添加了一個區域列出我們目標的產業和部門客群，以獲取新客戶，並吸引他們開始使用我們的產品。

II. 解決方案頁

建立解決方案頁模板以確保設計一致性外，也能提升自己的設計工作流程效率。

• 產品特色：
  我重新設計 Sitemap 時，考慮提供使用者更詳細且完善產品資訊，於是將原本解決方案頁中的產品介紹區塊改為產品頁面。請點擊這裡查看產品頁面的設計。

• 產品使用指南：
  先前網站僅顯示簡易的產品操作步驟，為協助解決使用者於使用產品時遇到的問題，我於新網站設計中增設一個包含不同產品使用流程的支援頁面，提供解決問題的逐步操作指引與建議。

• Herospace & CTA：
  我在網站頂部和底部提供使用者產品價值之文案及 CTA 按鈕，鼓勵潛在客戶主動與我們聯繫，藉此提高增加新用戶的可能性。

• 產品優勢 & 使用案例：
  為吸引潛在客戶，我請文案人員協助提供解決方案可如何優化工作流程的優勢及使用案例，希望透過這些文案可以讓用戶想像我們的產品如何整合到他們現有的工作流程中。

▍企業識別系統

原先的品牌色缺乏可以搭配後產生強烈對比的強調色，主要的品牌色（紫色）又過於灰調。因此，重新定義了一個符合品牌形象的色彩搭配方案，並確保未來品牌及行銷設計的一致性。

▍學習總結

設計公司的產品網站需要仔細考慮視覺設計和資訊架構，以確保使用者能夠快速找到他們需要的資料。在設計過程中，透過與管理階層和團隊成員進行有效的溝通，能更了解業務層面的考量和計畫。為提供更多元的內容在網站上，與文案人員合作建立常見問題和部落格文章等內容行銷，並依照計畫進行銷活動增加網站流量、優化搜索引擎，協助業務團隊開發更多潛在客戶。