行政院環保署 巴塞爾公約網站

網站連結

行政院環保署 巴塞爾公約網站

專案介紹

向大眾介紹何謂「巴塞爾公約」的文章型網站,主要為法規的記載、管理現況描述等有大量文字內容的結構,並且多有附加檔案與外連網址。

目標客群

有心想了解環保相關政策的民眾,以及專家學者、學界教授等。大多習慣使用網路查詢知識內容。

我所擔任的角色

  • 與PHP工程師搭配執行專案,將需求檔案整理後,負責進行網站架構規劃與整體視覺設計。
  • 介面設計完成後進行RWD規劃、切版、版面bug修復。

我的設計流程

資料研讀與網站結構整理

研讀、消化需求文件並分析其內容,將有共同要素的部分歸於同一種結構,整理出架構圖並與工程師討論確認。

wireframe

進行核心功能——文章頁面的排列設計,想了幾種方案並評估顯示效果。

Outcomes

首頁

選用Metro Design的形式呈現各個主題區塊,營照專業穩重感。※請點點看下方圖片,他會動喔:)

文章頁面

最後採用的是左文右附件的排版方式,目的是:讓使用者在閱讀的同時就得知此篇文章含有附件和連結,而不是捲到最下面才發現(因為他們不一定會把文章看完)。

多項目頁面

一頁之中含有多個項目,如條約、會議紀錄、Q&A等,則採用手風琴(Accordion)將其通通折疊,讓使用者主動選擇要展開觀看的項目。

展開後,其內容跟文章頁面一樣,採左文右附件的排版,讓使用者以習慣的方式閱讀文章,降低學習成本。