掌握「內容、結構、風格」打造不敗的網站

近期的單位網站在奮戰1,260個小時之後,甫於週一傍晚上線,回顧這半年與同事及實習生的努力結晶,週四執行長於董事會上發表,獲得董事的一致好評,在欣喜之餘,我反思要如何將這半年的心得分享給也在非營利組織這條路上的朋友?

我想借用好萊塢編劇教父羅伯特麥基(Robert McKee)在「故事的解剖」中指出好劇本的三大支柱:「內容、結構、風格」,來應用在網頁設計或其他數位媒體產出。

首先是內容,單位在過去8年來從純粹的獎學金監管和教育交流諮詢單位,慢慢累積了學人、學友交流經驗,打造了足夠的內容,不論是文字、相片、影像內容,更重要的是,在執行初期就針對各組同仁進行需求訪談(Site Audit),找到大家對舊網站的痛點進行內容面的調整與改善。

其次是結構,單位網站原本的結構已經相當完整,但是由於過去8年來的成長,舊結構已不敷新的組織規模,因此必須打掉重練。先後嘗試多種工具協助將結構更明確的溝通與傳達,使用了Trello, Diagrams.net, GoogleDocs等工具。

最後是風格,在研究參考了眾多的世界一流非營利組織網站,如Bill & Melinda Gates Foundation (比爾與美琳達·蓋茲基金會)Open Society Foundations(開放社會基金會)The Rockefeller Foundation (洛克菲勒基金會)等十數個基金會網站及全球平行單位及類似性質單位,如CIEE.org(國際教育交流協會)的網站後,找出當前非營利網站的必要元素。再整合單位性質與長官對於專業感與年輕化的兩個期待進行設計。並利用開源的WordPress.org平台及Elementor Pro等架站工具把各種概念與需求付諸實現。

這個版本的網站有部分功能(如會員、資料庫等)在這次更新當中尚未納入,但我相信這次的改版,讓單位的「數位形象(Digital Presence)」在全球155個平行單位裡面,沒有第一也應該已經可以排入前三名了。借此機會,我想再次感謝前、後任單位主管的信任、同事的支持和歷屆實習生(尤其是這一屆的三位小天使)的鼎力相助才能夠打造出這個傲人的成果。

最後我要感謝我的父母、我的家人和大學時期的網頁設計啟蒙學長 Morn,沒有他,就沒有今天的網站(是得金像獎嗎?)

如果您也有單位網站的建置或相關數位計畫的經驗歡迎您留言與我分享喔!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料