Hero
01森林系首屏
以全版自然圖片作為第一印象，搭配大標題、柔和遮罩與清楚 CTA。
1頁
完整品牌敘事
0 DB
內容 JSON 管理
RWD
自然適配各種螢幕
自然系策略
自然、可愛、清楚轉換
Brand Story
不是硬邦邦的官網，是能讓人靠近的品牌小森林
MoriMori Studio 將自然系視覺與商業網站結構結合，保留可愛、親切與呼吸感，同時把服務說明、作品展示、FAQ、地圖與聯絡表單安排在同一條流暢路徑上。
01
用森林綠、奶油色、莓果紅與木質深色建立溫暖記憶點
02
把可愛感放在視覺節奏裡，不犧牲商業資訊的清楚度
03
所有文字、圖片、SEO、地圖與聯絡資訊都能從 JSON 快速替換
Design Mood
柔軟、自然、可愛，但每一段都能導向詢問
不是只把畫面做可愛，而是讓品牌氣質、資訊掃讀、手機體驗與轉換動線一起成立。
Visual
02萌感動物視覺
用動物與自然圖像建立親近感，適合親子、課程、寵物、手作、在地服務品牌。
Lead
03完整轉換路徑
表單、Email、電話、Google Map 與 LINE 固定按鈕都保留，訪客不用找聯絡方式。
JSON
04可重複販售
內容集中在 JSON，不用資料庫，能快速換成不同客戶或不同自然系產業版本。
Services
從視覺到上線，一頁處理形象網站的核心需求
把原本分散的品牌介紹、服務說明、作品、FAQ 與聯絡方式整理成一條舒服的瀏覽路線。
01Mood
品牌氣質設定
整理品牌語氣、色彩、關鍵句與第一眼要傳達的記憶點。
02Flow
一頁式內容規劃
安排首屏、介紹、特色、服務、作品、FAQ 與聯絡區，讓訪客自然往下讀。
03Build
RWD 前端製作
使用 Next.js、Tailwind CSS、TypeScript 製作手機、平板與桌機都穩定的頁面。
04Launch
SEO 與聯絡整合
設定基本 SEO、社群分享資料、聯絡表單、Google Map 與 LINE 行動按鈕。
Nature Works
適合自然、手作、親子與在地品牌的柔和展示
保留動物與自然圖像的可愛感，也讓每張卡片都有清楚的服務場景與商業目的。
Case 01
Nature Course
自然探索課程
適合親子課程、戶外活動與自然教育，用柔和圖像降低距離感。
課程介紹 + 報名詢問
Case 02
Local Shop
森林感在地商家
適合咖啡、選物、手作、空間品牌，讓地址、地圖與 LINE 很容易被找到。
Google Map + LINE
Case 03
Cute Brand
可愛角色形象頁
適合插畫、寵物、創作者與小型工作室，用一頁承接社群流量。
作品展示 + 表單詢問
FAQ
常見問題
把網站上線前最常見的疑問先說清楚，讓合作溝通更省力。
這個套版需要資料庫嗎？+
不需要。所有內容集中在 data/site.json，適合靜態部署或低維護成本的形象網站。
聯絡表單會把資料存在哪裡？+
預設不儲存資料。表單會進行前端驗證並開啟 Email 草稿，若日後需要可改接 Formspree、Google Sheet 或自有 API。
可以改成其他產業嗎？+
可以。只要替換 JSON 中的文案、服務、作品、圖片、地圖與聯絡資訊，即可產生新的產業版本。
是否支援手機版？+
支援。版面以 RWD 設計，導覽、Hero、卡片、表單與地圖都會依螢幕寬度調整。