財團法人喜憨兒社會福利基金會

簡介: 
嶄新網站,讓每一位想支持喜憨兒的人,都能快速找到適合自己的參與方式。
Date: 
二, 11/25/2025 (All day)

喜憨兒基金會的網站已經多年未更新,除了手機瀏覽體驗不佳,資訊架構與內容更新流程也都陸續遇到瓶頸。在歷經七個多月的協作後,我們與客戶一起打造出一個更現代化、行動友善,並與 CRM 深度整合的公益服務平台。

首頁:從理念到行動的入口

新版首頁不只是形象展示,而是一個「從故事走向行動」的體驗流程。

在視覺上,我們延伸喜憨兒既有的品牌色與圖像語彙,以溫暖的橘、黃系配色搭配大幅照片與留白,營造親切、安心,但不過度童趣的質感,兼顧服務對象與捐款人、企業夥伴的期待。

在內容結構上,首頁依序安排簡介影片、服務宗旨與主要服務介紹,也將門市餐廳與線上購物入口一併呈現,提醒使用者可以透過公益消費支持心智障礙者的就業與自立。同時,透過最新消息與活動區塊,讓外界能快速掌握基金會近期的行動與合作,再搭配量化的影響力數據與 SDGs 指標,讓「改變」具體被看見。

非營利網站首頁攻略:從情感訴求到高轉換率的設計心法

對非營利組織網站來說,網站不只是資訊發佈的平台,更是連結支持者、傳遞使命與驅動行動的數位核心。而網站首頁是潛在支持者初次接觸組織的地方,通常在短短數秒內,就決定他們在網站上的下一步行動,是瀏覽更多、按下捐款還是關注行動。
 
我們相信,每個非營利組織都擁有獨特且豐沛的情感訴求,只要善用本文幾個首頁設計技巧,將組織最有力的訴求突顯出來,就能有效提升網站的轉換率。

 

*本文內容依據 TechSoup:How to Create High-Converting Homepages 課程影片整理,也歡迎大家收看、學習、交流。

雲端開源的中文字型選項變多了!

大家好!可以使用的雲端開源繁體中文字型選項變更多了!自從 2014 年「思源黑體」首次發佈以來,已經過了 10 年以上的時間,在更早之前,網頁適用的中文字型選項很少,尤其是在面向 Windows 使用者時,在沒有額外預算的情況下,往往就只能用當時的系統預設字體「微軟正黑體」,而「思源黑體」的出現,讓大家增加了中文字型的選項,不過與英語系網站相比,能用的中文字型選項仍然很少。近期在準備字型相關分享的簡報時,發現 Google Fonts 上提供的繁體中文字型變多了!

目前完整支援繁體中文的字型有以下 11 個(截自 2025-09-30) 

使用 CSS 為文字加上裝飾背景與圖像

什麼是文字裝飾背景與圖像?

今天想跟大家分享一個在進行網站套版時很常遇到的一個需要處理的情境,為了讓標題或特定文字突出顯示,設計師會使用一些方法來區別一般文字段落。最基本的作法有調整文字顏色、字體、粗細與大小,為了讓畫面更美觀、更豐富與更貼近網站主題,設計師會為其加上一些裝飾元素,例如向量圖形、裝飾底線或符合主題的插畫圖像。在英語系網站中,比較接近的說法是「Text Highlighting」,這同樣是一種透過為文字加上背景顏色或效果以突出顯示的技術。

 


圖片來源:A CSS challenge: skewed highlight — Vadim Makeev

 

由於本文想分享的一些範例主要是透過圖像讓文字有更突出的顯示效果,因此我就先以「文字裝飾背景與圖像」來稱呼這種設計方法,常見的應用場景包括:

告別網站建置迷思:許願前,先問「為什麼?」

多數架站專案的開場白,都是一句「請問可以幫我們做一個這樣那樣的網站嗎?」

有些客戶準備充分,身邊友人、ChatGPT早就調查過一輪;也有客戶還不知道自己想要什麼、該從哪開始說起。總之,初次見面總是難按計劃進行,往往客戶帶著答案紙來,又帶著問題集回去。

身為網站建置專案的PM,許多時候,比起快速出報價與排程,我們反而把時間花在辨別這些問題。

社團法人雲林縣聽語障福利協進會

簡介: 
社團法人雲林縣聽語障福利協進會有超棒的「聾人事務、聾人參與」理念,網站+CRM能在其中扮演什麼樣的角色呢?
Date: 
四, 06/05/2025 (All day)

雲林縣聽語障福利協進會長期深耕聾人社群服務,從手語推廣到職能培訓,致力於「聾人事務、聾人參與」(Nothing about us without us)的核心價值。隨著官網承載的活動資訊與影音資源日益增多,舊有的網站後台系統操作繁瑣、維護門檻高,導致大量歷史資料閒置無法清理,前端內容也因此顯得分散、缺乏焦點。因此,我們受託進行網站改版,建置一套整合 netiCRM、並兼具易用與彈性的官方網站。

網站特色

  • 現代化 CMS:採用 Drupal 最新版本結合 netiCRM,不僅提升系統效能與安全性,也讓工作人員可以一站管理管理捐款、報名與網站內容。

  • 品牌溫度延伸:以暖色系插畫與手語符號為視覺主軸,延續協會「溫暖柔和、活潑動態」的新識別,並於全站按鈕、圖示與互動元件處點綴,清晰傳達協會精神。

  • 響應式網站:適合手機、平板與桌機,確保各類族群皆能順暢瀏覽。

建置重點

  1. 多層級主選單|讓資訊一目了然,輕鬆找到需要的內容

社會企業的公益回饋與再投資:持續支持非營利與開源社群

 
你曾好奇過 NETivism 這個名稱的由來嗎?其實,這個名字源自我們對自身的期許──成為網路世界中的行動者(Net + Activism)。
 
自 2009 年成立以來,我們始終秉持「透過科技推動社會變革」的理念,致力於支持非營利組織(NPO)與開源社群。除了以自由軟體為基礎,協助非營利組織建立與時俱進的網站,也透過 netiCRM 支持者關係管理系統,幫助組織實現永續經營。我們更自 2011 年起,透過實際的捐贈行動,支持各式公益計畫與開源專案。
 
截至 2024 年,我們累計的公益捐贈總額已達 2,058,867 元,其中對非營利組織的捐款為 1,245,813 元,對開源專案的回饋則為 813,054 元。這些資源分配至不同面向的行動,期望透過實質支持,推動社會公益與技術創新並進。
 

親子天下教育創新中心

簡介: 
親子天下教育創新中心成立後,期待網站與CRM的整合能作為協會發展的基礎,促進資源串聯與教育創新生態圈的建立,進一步擴大社會影響力。
Date: 
週五, 12/27/2024 (All day)

網站目標

親子天下深耕教育與教養領域多年,觀察到教育創新者若能有效整合資源與力量,將能產生更深遠的社會影響。因此,成立非營利組織 「親子天下教育創新中心」(社團法人台灣翻轉未來創新協會),致力於打造跨界對話與合作的平台,以更專業、永續的方式推動教育創新。
 
經過引介,親子天下教育創新中心請我們協助建置這個全新品牌的網站,並整合CRM功能作為組織啟動的助力,希望透過網站宣告協會的正式成立,並且也同步介紹協會的主力活動「教育創新100」,讓以往單純單純佈告活動消息的頁面,能夠轉化為有互動機制的網站。

網站特色

  • 系統升級:採用現代化的 Drupal 10 版本。相較舊版本,Drupal 10在架構、效能、安全性與使用者體驗都有所提升,也讓前台界面更加靈活,提升使用者體驗。
  • 簡潔識別:親子天下為新成立的組織打造了新的品牌識別,以親子天下的色調做了延伸與轉化,在整體網站風格也延續此一特色,以清爽專業的白色為底,在網頁元素與互動按鈕等處點綴與主識別相關的設計,以清楚傳達協會內容為主。

年度客戶關懷:免費網站診療,持續優化服務

在 2024 年的尾聲,我們特別推出了一項專屬客戶的免費網站診療服務。
不僅是感謝大家對我們長期的支持,更希望藉由實際的行動,幫助 NPO 夥伴提升網站的使用體驗,使日常工作更加順暢。

網絡行動工程師的志願服務計畫:NPO網站資訊安全健康檢查

網絡行動科技提供線上的軟體即服務(SaaS)將近十年,從系統伺服器建構,網站架設,到防火牆資訊安全管理等等,都是我們建立安全服務的核心。

因應日漸嚴重的資安議題,也發現坊間許多 NPO 的網站不甚安全,今年(2023)開始,網絡行動科技的 5 位技術同仁決定提供一個志願服務NPO的計畫:NPO網站資訊安全健康檢查

一般來說,資安工作是專業且領域很廣闊的,坊間有各種專業的公司提供各式服務,這些工作非常重要,也值得想要採取進一步資安建設的單位採購、採用這些服務。

然而,以多年提供資訊服務的經驗,NPO 要挑選合適的資安產品通常面臨一些門檻如:組織對於自身資訊安全需求了解不足、組織對採購哪方面的資安服務才有效果沒有足夠基礎知識、組織對於做好資安的想像大多覺得遙不可及。

頁面

訂閱 網絡行動科技 RSS