禾舍景觀官網 — 讓作品自己說話的三語景觀品牌網站
產業別： B2B ＋ B2C｜景觀設計・庭園規劃與施工 網站： https://heshalandscape.com/
禾舍景觀創立於民國 111 年 2 月，從一間個人工作室開始，做到現在具備設計、3D 模擬與工程整合能力的專業團隊。案子從都市住宅的小陽台，一路做到私人大宅與建商的公共景觀。品牌 tagline「從土地出發，打造專屬於生活的自然風景」講的就是這件事——景觀不只是種植與造景，而是替人打造一處能安放生活的空間。
問題
禾舍的作品品質不是問題，問題是這些作品沒有一個能承載它們的地方。
案例散落在社群貼文裡，看得到片段、看不到全貌。對想找景觀團隊的私宅屋主來說，很難從幾張照片判斷這個團隊做不做得出自己想要的氛圍；對建商、工程商與室內設計公司這種 B2B 決策者來說，更缺少能佐證服務範圍、施工細節與合作流程的完整資料。
同時，禾舍的客群結構本來就是雙軌的：B2B 看重案例數量、施工品質與合作流程；B2C 看重美感、氛圍與能不能快速問到人。一個網站要同時滿足兩種完全不同的閱讀習慣，資訊架構不能只是把服務項目列一列。
品牌本身也還沒有一套可延續的視覺語言可以套用到數位介面上。
方法
整站走深色，這是為了照片做的決定。 多數設計服務類網站選白底求乾淨，禾舍反過來——全站以深叢林綠（#1a3835）為底，暖金（#c9a84c）作為標題與 logo 的金屬感點綴，土陶橘（#c4876a）留給唯一的實心按鈕。會這樣定調是因為禾舍的作品照大量是夜景與暖光打燈的庭園：深底能讓植栽的綠、水景的反光、燈光的暖度直接跳出來，白底反而會把照片壓平。首屏用一張夜間庭園實景滿版鋪開，標題直接壓在照片上，進站第一眼看到的就是作品本身。
中英文都用襯線體。 英文用 Cormorant Garamond，中文用 Noto Serif HK——中文正文捨黑體改用明體，是為了配合深色底與金色標題的東方人文調性。這在中文網站裡少見，代價是小字級的可讀性要靠行高與字距補回來。
以作品集為主動線，而不是附屬頁面。 網站的核心不是「關於我們」，是作品。作品集依空間類型分成建案景觀、私人庭園、陽台景觀、露台景觀四類並提供篩選，讓不同客群一進站就能直接跳到跟自己有關的案子。單一作品頁採「地點／類型／設計概念 ＋ 大量實拍」的結構，用十張以上的實景照片把一個案子講完整，而不是一張封面帶過。
把服務拆成可比對的四個模組。 私人庭園、陽台景觀、露台景觀、建案景觀以 01–04 編號並列，把「日式禪意／自然系／現代簡約」這類風格語彙、以及日照與空間條件的規劃邏輯寫進去，讓詢問還沒發生前就先完成一輪自我篩選。
把合作流程攤開來。 諮詢丈量 → 設計 3D 規劃 → 施工監造 → 完工交付與後續養護，四個階段明確寫出來。這是專門給 B2B 看的：合作方最想知道的往往不是作品好不好看，而是這個團隊怎麼跑一個案子。
導覽收起來，聯絡留在畫面上。 桌機版把主選單收進漢堡選單，把版面完整讓給作品；取而代之常駐在右側的是一條聯絡軌——「聯絡我們」直式標籤、電話按鈕、LINE 按鈕，桌機與手機都在。對 B2C 屋主來說，看到喜歡的案子當下就能問；對 B2B 來說，電話永遠在同一個位置。
三語從架構階段就設計進去。 中文、English、日本語三個語系並非事後外掛，而是在資訊架構階段就規劃好的獨立路徑，並搭配 hreflang 標記讓搜尋引擎正確辨識語系對應。
後台交還給業主。 網站以 CMS 建置，作品新增、圖片更新、最新消息發布都可由禾舍團隊自行維護，不需要每次都回頭找開發方。
成果
禾舍現在有一個能代表品牌的正式入口。九件代表作品完整上線、依空間類型可篩選，每個案子都有自己的獨立頁面與實景敘事；四大服務與四階段流程清楚可讀，B2B 合作方能在詢問之前就掌握服務邊界；中英日三語同步上線，面向國際設計圈與日本客群的溝通不再受限於單一語言。
社群（Instagram、Facebook、YouTube）與官網互相導流，作品累積不再只停留在動態消息裡；後台交接後，作品集的成長由禾舍自己掌握。
這是一個把「做得好但看不到」轉成「看得到而且看得懂」的案子——網站的價值不在版面多漂亮，而在於它讓一個原本要靠口碑與轉介的團隊，第一次有了能主動被評估的完整資料。
首頁全覽
深色貫穿 Hero → 品牌核心 → 專業領域 → 精選作品 → Footer，作品區塊是唯一大面積留給照片的地方。
手機版
同一套內容在手機上把四大服務由 2×2 改為單欄堆疊、作品集改為單欄大圖，聯絡軌與 LINE 按鈕維持常駐。
網站亮點
| 面向 | 做法 |
|---|---|
| 視覺定調 | 全站深叢林綠底 ＋ 暖金點綴 ＋ 土陶橘按鈕，為夜景作品照而設計 |
| 字體 | Cormorant Garamond ＋ Noto Serif HK，中英文皆襯線 |
| 資訊架構 | 作品集為主動線，四類空間可篩選 |
| 作品呈現 | 單案獨立頁：地點／類型／概念 ＋ 十張以上實景 |
| 服務說明 | 01–04 四大服務模組化編號，含風格與規劃邏輯 |
| 信任建立 | 四階段合作流程公開，對應 B2B 決策需求 |
| 轉換設計 | 右側常駐聯絡軌（電話 ＋ LINE），桌機手機皆顯示 |
| 多語系 | 中／英／日三語，hreflang 對應 |
| 後續維運 | CMS 後台交接，業主可自行更新作品與消息 |