ORON
AI 高CP值建站
ORON-413非營利組織設計範例(Design Demo)

非營利組織網站設計範例

非營利組織網站設計範例(完整頁面)— ORON 設計範例

設計思路

這個設計把整個首頁當成一支海洋紀錄片的開場:以炭黑深海青為主調的沉靜畫面鋪滿視窗,使命標語像浮在水光之上,第一眼帶來的不是悲傷,而是一片開闊、深邃、值得守護的海的敬畏感。

版面採用整屏滿幅的攝影節奏,章節之間以深淺交替的表面切換,介面語彙刻意收到最少——沒有多餘裝飾、沒有卡片牆,讓影像本身承載情緒。中文標題選用帶重量感的襯線字體,搭配工程感的西文大數字,把淨灘場次、清運公噸數這些成效用沉著的方式說出來。

配色上幾乎只有深海近黑、白霧文字,與一抹珊瑚橘——而珊瑚橘像海面上的浮標,只在「行動」與「捐款」的按鈕上亮起,視覺焦點因此乾淨而明確。

對一個以數據與透明度為信念的環境倡議組織來說,這種沉著、開闊、有膽識的調性,正好把「拒絕悲情、用成效說話」翻譯成畫面:不靠可憐的照片募款,而是讓人看見一片美得讓你想行動的海,自然走向支持。

本設計為 ORON 自製的設計範例(Design Demo),並非實際客戶委託專案;可作為你網站的版型參考並延伸客製。

加 LINE 詢問