2026.10.07
幫你顧家|在宅安老網站設計
打造一個更容易理解與使用的高齡照護品牌網站 「幫你顧家」以在宅安老為核心,整合居家無障礙、智慧輔具、醫療保健與居家安全產品等服務,希望讓長輩即使留在熟悉的家中,也能擁有更安全、安心的生活環境。 鮭魚設計從品牌溝通、網站資訊架構、UI/UX、插圖角色到 SEO 內容規劃重新整理整體數位體驗,將原本跨越不同專業領域的照護資訊,轉化為更容易理解、搜尋與採取行動的網站內容。 Building a Senior Care Brand Website That’s Easier to Understand and Use Centered on the concept of aging in place, Here For You brings together home accessibility solutions, smart assistive devices, healthcare services, and home safety products—helping older adults continue living in familiar surroundings with greater safety and peace of mind. MASOU Design restructured the overall digital experience through brand communication, information architecture, UI/UX design, character illustration, and SEO content planning. By organizing information across multiple areas of senior care into a clearer and more intuitive system, the website makes it easier for users to understand their options, find relevant information, and take the next step.

從複雜的照護資訊,重新建立「在宅安老」的網站溝通方式
高齡照護涉及居家安全、無障礙改善、輔具、健康管理與產品選擇等不同專業內容,對第一次接觸相關資訊的家庭而言,真正困難的往往不是找不到資料,而是不知道應該從哪裡開始。
因此這次網站設計並不是單純將既有服務重新排版,而是回到使用者真正會面對的生活問題。
長輩是否能安全地從床邊起身?浴室是否容易滑倒?夜間行走是否有足夠照明?輪椅進出空間是否順暢?
我們以「不搬家,也能顧好家」作為網站核心溝通概念,重新整理居家無障礙、智慧輔具與醫療保健等服務內容,讓使用者先理解自己的生活需求,再進一步找到適合的改善方式。
網站因此不只是品牌介紹,更成為協助家庭理解在宅安老與居家安全的第一個入口

讓居家安全問題更容易被理解
在資訊架構上,我們沒有只從企業服務分類出發,而是加入使用者更熟悉的生活場景,讓照護資訊回到每天真正發生的空間。
首頁規劃「居家安全指南」,將居家環境分為 客廳、主臥、廚房與廁所 等主要空間。
使用者點擊不同的空間圖片後,即可查看該區域常見的安全風險與對應的預防方式。
例如浴廁可能涉及濕滑地面、起身支撐不足與進出安全;臥室則會延伸到床邊起身、夜間照明與前往廁所的移動動線。
透過「空間 → 風險 → 預防方式」的互動邏輯,使用者不需要先理解複雜的長照或無障礙專業名詞,也能從熟悉的生活情境開始探索。
這樣的 UX 規劃,也讓網站從單純的服務介紹頁,進一步成為具有教育與引導功能的居家安全工具。
用品牌色與角色插圖,讓照護專業更親近
高齡照護網站很容易落入傳統醫療網站常見的冷色調、制式圖庫與機構感。
在「幫你顧家」的視覺設計中,我們希望保留專業感,同時降低醫療資訊帶來的距離。
因此整體配色以 深綠、暖橘與柔和中性色 為主。
深綠代表安心、健康與穩定,也呼應居家生活與自然感;暖橘則作為情緒與互動重點色,出現在愛心、提醒、按鈕與人物服裝等細節中,為畫面加入溫度;大面積的米白與低彩度背景,則讓大量照護資訊仍能維持舒適的閱讀節奏。
整體視覺希望呈現的是:
專業,但不冰冷。
溫暖,但不過度感性。
除了網站介面,我們也為幫你顧家建立一套專屬人物插圖系統。
以女性藥師作為品牌中的主要溝通角色,延伸不同姿勢、表情與使用情境,並搭配長輩、寵物與居家生活元素,讓原本較專業的健康、照護與安全資訊,以更自然且容易理解的方式被傳達。
插圖在這個網站中不只是裝飾,而是品牌與使用者之間的重要溝通語言。

建立一致的品牌體驗
網站 UI 延續品牌的簡潔與親和感,建立一致的卡片、分類、icon、按鈕與內容模組,讓不同類型的服務、產品與知識文章都維持相同的閱讀邏輯。
導覽與分類圖示採用簡潔的線性設計,搭配品牌主色與暖橘識別元素,讓使用者能快速辨識:
居家無障礙、智慧輔具、醫療保健、最新消息與顧家案例。
在諮詢功能上,我們也延續藥師角色設定。
傳統網站上的客服視窗,往往容易讓使用者產生距離感,因此我們將 Chat 入口轉化為「顧家小幫手」的對話體驗。
使用者可以直接詢問:
「浴室扶手要怎麼規劃?」
「防滑地板和防護地墊有什麼差別?」
「家裡開始使用輪椅,需要注意哪些地方?」
透過角色化的對話介面,讓「聯絡客服」變成「有人可以直接問」。
這不只降低提問門檻,也讓品牌角色從插圖延伸到實際的網站互動體驗。


複雜的照護選擇,變得更容易理解與行動
「幫你顧家」網站將原本分散於居家改善、智慧輔具、醫療保健與安全產品中的資訊,重新整理成一套以「在宅安老」為核心的數位服務體驗。
從網站資訊架構、居家安全互動指南、品牌配色、插圖角色、Chat 諮詢,到產品與 SEO 內容策略,每一個設計決策都回到同一個問題:
如何讓使用者更容易理解照護資訊,也更願意踏出下一步。
一個真正有效的長照網站,不只是將資訊做得好看。
更重要的是讓專業內容能夠被看懂、被找到,並在需要協助的時候,讓使用者知道下一步可以怎麼做。
這也是這次「幫你顧家」網站設計中,我們希望建立的核心價值。
鮭魚設計從品牌定位、網站資訊架構、UI/UX、插圖視覺到 SEO 內容策略一起思考,打造不只好看,也能被理解、被搜尋並真正協助品牌成長的網站。
▸ 了解 網站設計服務,或 與我們聯繫。
▸ 瀏覽 UI/UX|數位設計作品,查看更多介面與數位平台設計案例。
▸ 返回 首頁,了解更多品牌與網站設計服務。
