中研院

Tonnet 通航國際股份有限公司為智慧建築整合解決方案提供商,深耕市場多年,產品涵蓋智慧對講、門禁安防、監控系統與通訊整合平台,服務對象橫跨建設公司、社區物業、學校園區與政府單位。

專案背景

Tonnet 原有網站已使用多年,雖然資料完整、產品豐富,但存在以下幾項痛點:

  • 行動版排版混亂,使用者難以閱讀與操作
  • 內文與標題未有清晰層級,資訊密度過高
  • 缺乏視覺引導與行動呼籲(CTA)

客戶希望將網站從舊站台復刻至新版架構中,並藉此機會進行視覺與閱讀體驗的優化。

設計亮點

High Lights

Before
After

RWD 響應式設計重構

重新設計網站版型結構,讓內容能在手機平板桌機間自然對應

Before
After

排版與標題層級整理

統整 H2/H3 標題結構,讓用戶更快掌握每段資訊重點。同時重新調整段落留白與閱讀節奏,提升閱讀體驗與專業感

Before
After
返回頂端