網站連結
行政院環保署 巴塞爾公約網站
專案介紹
向大眾介紹何謂「巴塞爾公約」的文章型網站，主要為法規的記載、管理現況描述等有大量文字內容的結構，並且多有附加檔案與外連網址。
目標客群
有心想了解環保相關政策的民眾，以及專家學者、學界教授等。大多習慣使用網路查詢知識內容。
我所擔任的角色
- 與PHP工程師搭配執行專案，將需求檔案整理後，負責進行網站架構規劃與整體視覺設計。
- 介面設計完成後進行RWD規劃、切版、版面bug修復。
我的設計流程
資料研讀與網站結構整理
研讀、消化需求文件並分析其內容，將有共同要素的部分歸於同一種結構，整理出架構圖並與工程師討論確認。
wireframe
進行核心功能——文章頁面的排列設計，想了幾種方案並評估顯示效果。
Outcomes
首頁
選用Metro Design的形式呈現各個主題區塊，營照專業穩重感。※請點點看下方圖片，他會動喔：）
文章頁面
最後採用的是左文右附件的排版方式，目的是：讓使用者在閱讀的同時就得知此篇文章含有附件和連結，而不是捲到最下面才發現（因為他們不一定會把文章看完）。
多項目頁面
一頁之中含有多個項目，如條約、會議紀錄、Q&A等，則採用手風琴（Accordion）將其通通折疊，讓使用者主動選擇要展開觀看的項目。
展開後，其內容跟文章頁面一樣，採左文右附件的排版，讓使用者以習慣的方式閱讀文章，降低學習成本。
