Industry
Non-profit organizations
建構家庭為和諧社會的基石、鞏固健全家庭關係
台灣家庭第一協會成立於2015年，以建構家庭為和諧社會的基石、鞏固健全家庭關係、促進家庭幸福為宗旨。讓父親重回家庭領航員的角色，不再只是賺錢的角色，而是可以帶動夫妻和親子互動，打造良好的家庭關係。
我們深感過往男人不容易參與家庭成長的課程，首先為爸爸們研發出彼此尊重、彼此鼓勵、在歡樂中學習的互動模式。凡是參與過協會活動的爸爸們，從新手爸爸到做阿公的資深父親，都對自己的父職角色有所覺察，跟妻兒關係開始改善。他們說：『男人不是不會，只是沒有機會！』
我們從台灣開始，進入亞洲各國，新加坡、印尼、馬來西亞、菲律賓、日本等國家陸續成立『家庭第一協會』，開始建立聯盟網絡，澳洲、香港、泰國、越南、緬甸、成都、上海及深圳也在跟進中。
『爸爸好，家庭一定好！』的理念已經遍地開花，我們正一步一步以『家庭第一』為願景，走向國際。建構家庭為和諧社會的基石、鞏固健全家庭關係、促進家庭幸福。十年計畫，父親不只是賺錢的角色，讓父親重回家庭領航員的角色，帶動夫妻和親子互動，打造良好的家庭關係。
面臨問題：
作為一個非營利組織，「台灣家庭第一」的資源有限，無論是募款金額還是團隊規模。協會需要推廣家庭理念來幫助更多需要的人，感染更多的人一起加入，讓他們願意主動的小額捐款支持。
- 後台由廠商代管，長期下來造成資訊無法即時更新，頁面也不易更動，造成網站資訊老舊，最後幾乎停擺閒置。
- 沒有部落格，社群媒體 po文無法導回網站，而社群媒體又是船過水無痕的瀏覽紀錄，無法後續追蹤。
- 非營利機構要永續生存，必須走向小額募款，由小額捐款來支持非營利機構的工作，之前網站並沒有金流的串接，資料分散在各地。
- 由於活動眾多，過去都藉由不同平台與工具，像是google表單、MailChimp、netiCRM...等來製作、發送訊息，導致資料分散，耗時耗力，尤其對人力精簡的非營利機構來說非常吃力，所以希望能找到單一平台可以解決資料分散、繁瑣工作的痛點。
- 沒有 CRM 管理所有的捐款者，無法整合他們的數位軌跡、捐款紀錄。
我們的解決方案
擴大傳播品牌精神與影響力，並打造最佳的網站視覺
一開始客戶想改版的原因是優化網站 SEO：希望把 WordPress 全部導入 HubSpot，整個網站打掉重練。
另一個改版重點為優化網站視覺，客戶期許能打造有溫度的視覺品牌，希望透過網站能夠更有吸引力的吸引潛在捐款者。
深入研究舊版網站與新方向後，我們確定了兩個主要目標：
・讓整個捐款流程更直覺好操作
・打造最佳的網站視覺，擴大傳播品牌精神與影響力，營造客戶想傳達的形象。
捐款流程步驟簡易，提升報名的完整整性
每個階段踏實落實的執行，並不放過任何細節。
利用動態增添網站的活潑
整體的暖色調營造家的溫暖，背景的不規則泡泡讓網站更活潑。
網站地圖
聽完客戶的整體需求後，我們進入了確認網站整體架構階段，用最簡單有效率的方式製作出網站地圖，將網站的結構用文字與連結顯示，透過草圖的方式跟客戶進行所有頁面的 double check ，以降低日後要再修改的風險。
明確的 Style Guide
制定明確的設計指南，讓設計師、工程師之間溝通不在有障礙。每個顏色的命名、用途都清楚的定義，日後客戶也可以用在別的製作物上。
Family First 的品牌色是以家的溫暖當主軸，以暖色調為基底，以橘、藍、粉色為主，繽紛的顏色帶出整個網站的活潑。
Family First 的標誌中，以線性去設計，利用圓角的方式讓整理較柔和。
Moodboad 找尋靈感的過程
瞭解客戶想要的設計方向後，我們會找不同方向與風格和客戶討論。而我們也擅長使用工具，利用 Eagle 進行風格分類，在內部做討論時，可以集合大家的靈感而一一做分類，與客戶討論的過程中，因為清楚明確的分出不同風格，不僅讓客戶感受到我們的用心，也讓整體討論過程中更有效率。
經過討論與訂出明確方向後，我們會設計兩版首頁給客戶做選擇，確認設計風格後，我們則開始進入其他內頁的製作，整個過程減少的不必要的不確定性，讓專案更順利的執行。
導入 HubSpot Marketing Hub 非營利真正的數位轉型：
- 使用 HubSpot 客戶關係管理系統 (CRM) ：
通過這種方式獲得的潛在客戶，根據這些信息用戶的行為軌跡、角色和痛點分眾。然後，我們開發了具有高度針對性的潛在客戶培養電子郵件，其中包含相關課程內容、活動舉辦，使用自動化培育系統。 - 使用 HubSpot 登錄頁面和表格來製作報名課程頁面：
潛在學生可以在不到 5 分鐘的時間內填寫在線申請。 HubSpot Landing Page 有完整的客戶數據，來幫助家庭第一優化未來的活動。 - 優化現有內容：
將 Blog 遷移到 HubSpot 允許更多地了解單篇文章成效，根據用戶的觀看紀錄了解他們的需求，而不是僅查看 Google Analytics 中的整體頁面瀏覽量。這使得可以針對 SEO 優化舊博客，幫助網站流量增加。 - 自動化通知學員上課：
親職性教育的課程需要五堂課的線上課程，以往都需要一對一的 Email 提醒學員上課，非常沒有效率，HubSpot 自動化功能可以在報名完成後自動觸發接下來的課程通知信件。
結果
課程報名人數與自然流量增加
- 三個月內課程報名人數超過兩百人
- 從 2021 年 5 月到 2021 年 10 月，自然流量增長了 368%。
- 2021 年 4 月至 2021 年 8 月，新的在線課程頁面產生了 168 個信息提交請求（產生了 86 個機會），整體訪客到潛在客戶 (VTL) 的轉化率為 3.4%。
相關案例
