網站視覺設計

法鼓大學(籌備處)

法鼓大學(籌備處)

雙語、多網站、多版型

本專案除了要建置法鼓大學的主網站之外,還要同時建置四個學院的網站,並同時都擁有中英文雙語版本。一次打十個,可能嗎? 我們/Drupal 可以!

雙語網站

透過 i18n 模組的協助,讓法鼓大學網站以英文網站為預設語系,並加上中文版的功能。透過系統所提供之翻譯與對應功能,讓網站的主要單元、內容,都能擁有中英文對照的雙語版本。» 繼續閱讀全部內容

第六屆東亞 NGO 論壇

第六屆東亞 NGO 論壇

第六屆東亞 NGO 論壇是由台灣路竹會承辦,期望透過國內外非政府組織的實務交流,促成急難援助之國際合作。

講者資訊

透過 Drupal 所提供完整的網站內容管理系統,可以很便利地訂定講者資訊所需的各個欄位,例如姓名、單位、簡歷、照片等,並可連結到所參與的議程。» 繼續閱讀全部內容

議程資訊

The Big Issue Facebook活動

緣起:
The Big Issue 大誌雜誌,是一本在國外發行多年,以都市街友當成唯一通路來銷售雜誌的社會企業/基金會。2010年,大誌文創取得台灣出版授權,並於 4/1 愚人節,便是該雜誌初試啼聲的關鍵時刻。» 繼續閱讀全部內容

小麥契作行動化生產履歷系統

喜願麵包小麥契作行動化生產履歷系統

 緣起:
「小麥生產履歷」是喜願麵包在構築社會事業的重要里程碑,也就是台灣也可以種植小麥,並且讓小麥融入喜願麵包的產品之中,讓消費者可以真正食用到這個土地的產物。本網站便是與喜願麵包的施先生合作,產生出來的生產履歷系統示範網站。» 繼續閱讀全部內容

OURs 專業者都市改革組織

OURs 專業者都市改革組織

緣起

OURs 原本的網站雖然也是以 Drupal 為基礎,但由於缺少規劃,版面看來頗為混亂。秘書長對於網站頗有期待,因此希望能藉由較為完整的規劃思考,進行網站的改版工作。

網站規劃

OURs 原本的規劃頗為完整,因為20年所累積的資料非常豐富,因此在內容類型的規劃端也較為複雜,希望能透過獨立表單的設計,降低使用端-網站維護人員-的門檻。

除了內容的清點與規劃之外,考量到 OURs 所進行的各項專案,都與地點有相當的連結,因此,也加入了地圖等視覺化的呈現方式,以突顯 OURs 的特性。

當然,在視覺設計上,也透過專業設計師的協助,讓 OURs 的使命與價值,透過整體的視覺改造呈現出來。

計畫與變化

原始規劃若能實現,將會是一個滿好的成果。不過呢...一方面因 OURs 人員異動,網站負責人員異動,二方面考量現實狀況,網站架若是龐大,縱使有良好的上稿頁面設計,後續仍將因為人力資源等因素,難以維持,最後仍將回到改版前的混亂或停滯狀態。

因此,我們與客戶共同將原先的網站架構做了調整與縮減,並透過共同分類的規劃,將不同的內容類型(活動、網誌、專案、論述...)透過議題分類連結起來。» 繼續閱讀全部內容

反省與建議

嘉義縣太子大道公共藝術網站

嘉義縣太子大道公共藝術展示網站

緣起

嘉義縣政府在預計2013年開館啟用的故宮南院前,規劃了一條太子大道,並設置公共藝術展示區,由幼葉林工作室負責規劃執行。因緣際會,我們有幸得以協助公共藝術展示網站的製作。

網站規劃

太子大道公共藝術展示網站除了以靜態的作品介紹為主要內容之外,也希望透過相片、影片的多媒體呈現方式,讓網友能有親臨現場之感。此外,透過最新訊息、活動發佈、討論區的設置,也讓太子大道公共藝術展示網站不ˋ是一個靜態的展示網頁,能擁有與所展示的藝術品相當的生命力。

視覺設計

在網站的視覺設計方面,除了延續原本運用在平面設計稿的素材之外,也針對首頁的視覺呈現,規劃藝術作品幻燈區與展示地圖,讓網站呈現精緻質感與豐富內容。

實作導入

網站架構與功能並不複雜,但在導入方面仍有些巧思運用。例如在發佈最新消息時,可以選定該則訊息是與哪一個藝術作品相關聯,則在發佈訊息之後,在該藝術作品的專屬介紹頁面裡,將可同步呈現此訊息。
此外,也透過頁籤式瀏覽瀏覽效果的運用,將各藝術作品的豐富資訊,有條理地清楚呈現在網站上。

客戶服務

由於嘉義縣政府記者會展示在即,因此網站的建置時程相當短暫,實際上執行時間約在兩週內,即完成網站系統建置、內容類型設置、版型視覺設計與套版、基礎內容資料編輯與上稿等工作,順利上線。

Qurwara 台灣

Qurwara台灣

緣起

Qurwara台灣在開始之初,就希望以電子商務的形式切入台灣市場。然而業主評估多家網站打造方式後,並且做過一些調查,最後選擇彈性極佳的Drupal作為其建置的選擇。原因是完整的後台,並且可以外加許多額外功能,以及全世界使用的經驗等等。

 

視覺設計

這個案子的經驗很特別,原因是業主本身就遵照網站設計的流程來進行,因此先行找了悠識數位這家公司,進行網站原形(Prototype)的規劃,因此到公司手上時,已經是擁有完整規劃書的專案計畫。然而Prototype之後,便需要完善的視覺設計,才能發揮Prototype規劃的精神,因此在與客戶不斷討論之後,視覺上選擇簡單、乾淨、健康的方式來呈現,與Qurwara原廠的網站不會相去過遠,又可以融入電子商務特色。

Qurwara台灣的頁面設計特殊,需要大張的圖片,並且可以在圖形上壓上圖案和文字,且不同的內容會有不同的欄位,畫面上看起來乾淨的設計,其實當結合後端的更新系統,往往容易碰到許多困難。因此後台的支援度,以及前端呈現所需要的技術,都是本案在視覺設計後也能夠成功的關鍵。

 » 繼續閱讀全部內容

台灣電通企業內部入口網站

台灣電通企業內部入口網站

承接緣起

在台灣擁有將近五十年歷史的台灣電通,是台灣第一代的廣告公司,因緣際會,試圖以 Drupal 作為企業內部入口網站的建置基礎。

視覺建議

由於客戶屬性為廣告公司,對於視覺要求有較高的水準。再加上企業內部網站的屬性所致,因此,我們針對視覺做了較多的嘗試與建議,透過首頁大量展示公司的活動照片,讓員工能夠認同企業內部網站的建置,拉近彼此的距離。

網站特色

由於公司歷史悠久、員工人數眾多,相關的規定與程序也較為複雜,台灣電通希望透過工作知識庫的設計,讓員工便於針對工作所需,分門別類找到正確的資訊。針對此一需求,我們設計多層次樹狀架構的分類與內容類型,一方面希望能降低網站維運的複雜度,二方面也讓資訊的搜尋與取得更為便捷。

臺北縣低碳社區示範計畫網站

臺北縣低碳社區示範計畫網站

服務說明:
2008年無疑是一個環保熱的年,臺北縣也成立了低碳中心來推廣節能減碳計畫。這個計畫由大地旅人環境工作室執行,並由本公司執行網站企劃、製作。

計畫提供遴選的五個社區為主要示範低碳社區,有鑑於一般計畫裡,減碳的方法和過程,很難在計畫執行期間有效的溝通分享,此網站便身負此功能,除了扮演監督社區的電費換算減碳成果,亦是其互相觀看減碳撇步、節電方法的溝通平台,讓身處台北縣各處的社區,有機會看到彼此的相同和不同。

績效表現:
本計畫在大地旅人環境工作室的推廣之下,成功讓五個社區累積足夠的成果作為減碳示範,而網站提供的減碳換算、節電減碳撇步,也是後續資源重複利用很好的範例,未來台北縣的各社區,便可依照這些方式來節省電費,達到減碳政策的推廣效果。

夏至關燈日活動網站

2007夏至關燈活動網站

服務說明:
2007暑假的夏至關燈日活動為台達電文教基金會主辦,大地旅人環境工作室執行網際網路規劃,荒野保護協會進行關燈日當晚活動的企劃。 網站以關燈的夜晚為風格主軸,讓人可以感受到關燈後天空的美麗、星空的閃爍感,提醒人們應該偶爾脫離文明,響應關燈的活動,讓大自然和自己都能夠休息。 網站程式為配合「全台響應關燈」活動,製作全台響應關燈的上傳頁面,可看到活動成功蒐集各個單位響應關燈,個人響應關燈的心得和照片,讓活動有一個圓滿的結束。

績效表現
關燈日根據SiteCounter.com的數據顯示,該活動於2007年活動宣傳進行期間一個月,達到 60,000人次以上的造坊率,並累積了1,000則的關燈日響應的圖片及文章。

註:現有網站 2008年夏至關燈,非本公司製作。

訂閱文章