地球學苑-網頁設計案例|蘋果網頁設計

DESCRIPTION：

｜設計風格與整體氛圍

地球學苑網站以「療癒 × 自然 × 內在成長」為核心風格，整體營造柔和、寧靜且富有生命力的品牌氛圍。透過大量留白、自然意象與舒適的版面節奏，降低傳統教育平台的制式感，讓訪客在瀏覽過程中感受到放鬆與陪伴。視覺設計呼應「覺察、整理、實踐」的成長歷程，建立具有溫度與信任感的身心靈學習品牌形象。

｜網頁色彩規劃

整體色彩以自然柔和、低飽和的大地色調為主要視覺方向，搭配溫暖中性色與適度留白，呈現平靜、舒適且具有療癒感的畫面。色彩運用避免過度強烈的商業刺激，而是讓課程圖片、人物影像與核心文字成為視覺焦點，使品牌傳遞出更加自然、真誠且穩定的感受。

｜網站架構 UI／UX

網站架構依照使用者的學習需求進行清楚分流，主選單涵蓋線上課程、線下活動、大地生活、學苑商城、最新消息與認識學苑，並整合會員登入、會員註冊與購物車功能。首頁進一步透過「釐清方向、安定內心、持續成長」以及線上／線下學習方式，引導使用者逐步理解品牌理念並找到適合自己的學習路徑。

｜內容視覺表現，Banner 設計

首頁 Banner 延續地球學苑「回到自己、重新找回內在頻率」的品牌精神，以具有情緒感染力的自然視覺與柔和版面節奏建立第一印象。後續內容搭配人物、課程情境、自然元素與圖像化資訊，讓「覺察、整理、實踐」等抽象的內在成長概念轉化為容易理解的視覺體驗，使整體網站兼具品牌故事性與課程導購功能。

｜網站製作，技術細節

網站製作以 RWD 響應式瀏覽體驗為核心，整合線上課程、線下活動、會員系統、商品商城與購物車等多元功能，建立完整的內容與學習服務平台。前端透過不同資訊層級、課程導流與行動按鈕設計，協助使用者快速進入課程探索、預約諮詢與商品瀏覽流程，同時兼顧手機與桌機裝置的操作便利性。網站目前亦設有課程分類、會員登入／註冊及購物車等功能。