Project Background
本案在固定時程內進行,利害關係人的需求與視覺偏好也隨合作逐步明確。 介面需兼顧數位熟悉度不同的利害關係人與使用者, 因此整理廟宇內容與服務入口, 讓資訊和操作方式更容易理解。
UI/UX DESIGN
以「傳統信仰 × 現代數位體驗」為方向,整合廟宇介紹、活動與祈福服務。首頁以文化意象呈現廟宇特色,並將主要服務設為入口,讓數位熟悉度不同的使用者都能找到所需資訊。
ROLE
UI/UX Designer · Visual Designer
TIMELINE
12 Weeks
TOOLS
Figma · Photoshop · Illustrator

PROJECT OVERVIEW
本案在固定時程內進行,利害關係人的需求與視覺偏好也隨合作逐步明確。 介面需兼顧數位熟悉度不同的利害關係人與使用者, 因此整理廟宇內容與服務入口, 讓資訊和操作方式更容易理解。
在地信眾、返鄉參拜者、 需要查詢活動與線上祈福服務的民眾, 以及第一次認識幸安宮的新訪客。
建立兼具信任感與現代瀏覽效率的官網, 讓使用者能快速理解廟宇故事、查詢活動、 完成點燈祈福與會員紀錄管理。
負責 UI/UX 設計,包含網站架構、使用流程、 介面視覺與 Responsive Design,涵蓋首頁、活動、 線上點燈、祈福牆與會員中心。
PROJECT INSIGHTS
Information Overload
廟宇沿革、神明、祭典與服務資訊繁多, 使用者常需要反覆尋找才能取得需要的內容。
Guidance Uncertainty
首次參拜或不熟悉儀式的使用者, 常不知道參拜順序、供奉方式與相關注意事項。
Service Confusion
點燈、祈福與各項宗教服務名稱多,若缺乏清楚說明, 使用者難以判斷差異與適合項目。
Information Trust
使用者在意祭典日期、活動時間與服務資訊是否最新, 需要清楚且可信的資訊來源。
了解廟宇與神明 建立基本認識
查看祭典與活動 掌握最新消息
查看點燈與祈福 選擇適合項目
填寫相關資料 依指引完成流程
確認申請結果 安心完成祈福
DESIGN DECISIONS
使用者進入廟宇網站時,通常希望快速了解廟宇特色,並立即找到參拜、祈福或活動等主要資訊。
以廟宇文化意象作為首頁核心視覺, 搭配清楚的主要服務入口,讓使用者先建立認知,再快速進入所需內容。
Hero 以主視覺建立莊重氛圍, 並將常用服務設計為清楚的入口卡片,降低首次瀏覽的理解成本。

使用者除了查找廟宇、服務與活動資訊, 也希望快速理解祈福內容,並找到下一步可以參與的方式。
依使用需求整理首頁資訊層級,並加入「呼吸燈」互動, 增加線上祈福的參與感。
以分區與卡片整合廟宇介紹、服務及最新活動; 搭配呼吸燈的互動與明確 CTA,自然引導使用者進入點燈祈福流程。

信眾有點燈與祈願等不同祈福需求,但受距離或時間限制,不一定能親自到廟參與, 也需要更便利的參與方式。不同點燈與祈福項目具有不同意義,使用者若無法快速理解差異,容易產生選擇困難。
將點燈與祈願轉化為線上體驗,保留傳統信仰的文化意象與儀式感,讓信眾不受地點限制也能參與祈福。 將服務依照祈福需求分類,優先呈現名稱、用途與關鍵資訊,幫助使用者快速比較與判斷。
點燈服務以清楚分類協助選擇;祈願牆則以「天公爐」為視覺意象,讓信眾線上留下心願,延伸實體參拜的祈福體驗。 使用一致的服務卡片與資訊層級呈現內容,搭配明確操作入口,降低理解與選擇上的負擔。

信眾完成點燈或活動報名後,仍需要查看紀錄、掌握活動時間,並持續關注感興趣的廟宇內容。
整合會員資料與服務紀錄,讓後續追蹤集中在單一管理入口。 減少重複查找,也延續使用者與廟宇的互動。
會員中心集中顯示個人資料、整合文章收藏、活動報名狀態與點燈紀錄, 並於活動將近或點燈期限前主動提醒,協助信眾掌握重要資訊,延續服務完成後的使用體驗。

DESIGN OUTCOME
完成涵蓋廟宇介紹、活動、點燈祈福與會員紀錄的響應式介面;以服務分類支援資訊查找,並以祈願牆的文化意象呈現線上祈福。


依專案需求整理廟宇資訊、參拜內容、祈福服務與活動流程;以服務入口協助查找,並以「呼吸燈」互動增加線上祈福的參與感。
同時將點燈、祈願牆、活動報名與提醒整合進數位體驗,在保留傳統信仰意象與儀式感的同時,讓無法親自到廟的信眾,也能透過不同裝置安心參與並持續與廟宇保持連結。
DESIGN SYSTEM

BRAND APPLICATION
