中國信託金融園區-企業網站改版

改版目標 : RWD網站

RWD 三字來自於 Responsive Web Design 的縮寫，中文又稱為適應性網頁、響應式網頁設計、回應式網頁設計、多螢網頁設計 這幾種說法。

RWD網站使用CSS3，以螢幕寬度百分比控制畫面的彈性變化，不同解析度自動變換頁面佈局編排，讓不同的裝置設備如桌機、手機、iPad…都可用最好的視覺體驗正常瀏覽網站。同時已被公認為是網頁設計開發技術的主流趨勢。

根據財團法人台灣網路資訊中心2018年台灣網路報告，行動上網突破七成(76.9%)，使用手機隨時查詢資訊已是共同認同的經驗。

 行動版網頁不是把畫面等比縮小就好

沒有RWD的網頁，在手機版的瀏覽必須透過手指放大縮小的移動才能瀏覽網頁全貌，不好用的網站，無法有效率地傳達訊息，而且在Google SEO計分標準也將因不符合行動索引優先的標準而降低評分。因此不要再認為手機可以看到網站就好，更要注重是否符合行動裝置的瀏覽最佳化準則。

園區地圖及店家資訊呈現

從大樓方位，樓層及來訪者需求，將園區地圖與店家資訊整合於同一頁面，滿足查詢需求角度。編排配置上也將隨著瀏覽裝置的變化，橫向自動變為直向。

列表式資訊及線上報名表格處理

RWD 網站與後台CMS (Content management system) 搭配，頁面設計大都以塊狀式資訊呈現，除橫直向變化外，在橫向則數亦可依據裝置寬度自動調整最佳顯示則數。

報名表格設計力求簡單，表格的高度應注意填寫資料從鍵盤到手指的使用經驗差異。

前後台搭配RWD版的行事曆活動資訊呈現

不論是單一或多場次活動皆可達到易瀏覽易點選的經驗去做查詢及報名。

中國信託金融園區 CTBC Financial Park網站：https://www.ctbcfinancialpark.com