作品詳情: 客戶 – TPBPA中華職棒球員工會
負責部分: WordPress 網站建置
使用軟體: Photoshop, Sketch, Brackets(程式編輯器)
使用技術: 視覺稿, HTML, CSS, Javascript/PHP, WordPress安裝與建置, 子佈景主題製作, 客製化CSS, 客製化外掛
作品介紹
TPBPA中華職棒球員工會之前在網路上的訊息發佈主要都是使用臉書的粉絲專頁,一直有建置官方網站的計畫但應其他業務繁忙而擱置。知道這樣的情況,我主動向他們做官網建置的提案。
網站地圖 & 準備工作
與球員工會來回討論了幾次網站地圖確認他們想要的內容都有包括在內,因為他們會常常需要更新消息,我建議他們運用内容管理系统(content management system )來建置網站。我便開始搜尋適合他們使用的wordpress佈景主題供選擇。
我選了兩種佈景主題,並運用他們的品牌元素分別合成視覺稿供參考。圖中間的版本我用一個wordpress外掛程式直接將臉書的最新文章帶入官網,雖然少了一些設計感,但我想也可以提供他們一個簡易的網站內容維護方式。客戶選擇了圖右的版本繼續,修改後的視覺稿如下:
外掛程式
根據先前與工會的討論,我依據他們需要的網站功能做了一些外掛程式的研究。
⚑ 雙語功能 – Polylang 外掛
⚑ 公益拍賣品認證號碼查詢 – Status and Order Tracking 外掛
⚑ 申訴專區 – Gwolle Guestbook 外掛
⚑ 社群連結 – Mobile Contact Bar 外掛
上左的圖中顯示認證號碼查詢的功能,左上是查詢前,左下是查詢後,顯示拍賣品的訊息。上右的圖中顯示供大眾留下申訴訊息的留言板功能,一到申訴專區時顯示如右上,點選按鈕後顯示如右下。
客製化版型
因為網站訊息的更新可能會主要在中文版本,我提議他們可以稍微簡化英文的版本。網站地圖也稍做縮減。
作品呈現
最後,我也花了一些時間設定網站的SEO,優化搜尋結果。另外也確認網站是響應式的,在電腦螢幕和手機螢幕都有良好的閱讀經驗。
近期迴響