經緯英語|課程品牌官網桌機首頁

教育官網

經緯英語|課程品牌官網

以三頁練習情境,連接英語目標與課程介紹

  • 語言教學
  • 課程諮詢
瀏覽實際網站討論類似的專案

區域

台北

品牌

經緯英語 Meridian English

分類

教育官網

DESIGN APPROACH

從品牌需求,到閱讀體驗。

讓課程從一個問題開始

經緯英語把首頁寫成三頁練習課本:口說觀點、寫作結構與學術閱讀。訪客先看見一個英文問題與簡短的練習方向,再進入對應課程,從自己想練習的內容開始認識品牌。

以問題串起情境與課程

三個章節分別引導讀者解釋選擇、連接想法及辨認文章主旨。頁碼、章節名稱與細分隔線建立課本的閱讀節奏;準備口說、書寫與閱讀桌面的情境照片,補充文字所描述的練習方式。

每章保留對應課程名稱與介紹入口,後段再集中列出課程選項。教學方法以「拆、改、顧」整理成短步驟,接著說明如何提出目標、閱讀內容及確認安排,讓諮詢之前已有清楚的討論基礎。

桌機並讀,手機逐章前進

桌機以三欄對照不同練習方向,英文問題、照片與課程入口維持一致順序。手機改成逐章向下閱讀,保留完整問題與照片,再接上短說明和連結;每一章都能獨立讀懂,也能自然接到下一種練習。

可以細看的地方

深藍文字、克制的分隔線與頁碼形成安靜的學習語氣。課程名稱直接承接練習情境,常見問題與諮詢入口放在後段,讓網站既有教材般的閱讀感,也能清楚引導下一步。

專案工作範圍

設計範圍
內容架構/網站視覺/響應式頁面
主要任務
以三頁練習情境,連接英語目標與課程介紹

RESPONSIVE VIEWS

把每個尺度,都設計完整。

共 2 張・點圖可放大滑看

同一個品牌,兩種閱讀尺度。

桌機保留資訊全貌;手機讓內容依序展開。點選畫面可放大查看。

桌機|以圖片比例、標題與留白安排第一眼的閱讀順序。
手機|保留內容層級,讓圖片、說明和下一步入口一起閱讀。

NEXT PROJECT

讓你的品牌,也有清楚的網站。

告訴方格你喜歡的設計細節,以及希望網站解決的問題。

討論類似的專案