網站設計

溯源茶事 品牌形象網站

台灣單一茶園品牌網站,中英日三語,含產地地圖與微氣候資料。

前往網站 ↗
客戶 / Client
溯源茶事
年份 / Year
2024
網站類型 / Type
品牌形象網站
負責範圍 / Role
設計與開發
專案說明 / Description

我們用一條垂直的海拔軸貫穿整個網站:從一千八百公尺的茶園往下捲動,經過採摘、萎凋、烘焙,最後抵達一杯茶湯。三個語系並非直譯,而是各自重寫過的敘事長度。

功能重點Features

海拔敘事捲動

以捲動位置對應海拔高度的連續動畫。

三語系內容

中英日各有獨立的內容與字體排版設定。

產地地圖

互動式茶園位置與微氣候資料呈現。

節氣更新

依二十四節氣自動切換首頁主視覺。

技術架構Technologies
  • Nuxt
  • Storyblok
  • Mapbox
  • Lenis
特殊功能模組Highlight
資料視覺化

茶園微氣候圖表

串接氣象站資料,呈現年度溫濕度變化與採摘期之間的關係。

茶園微氣候圖表