【網頁設計】陳啟川先生文教基金會 官網建置

新專案上線,來自陳啟川先生文教基金會。

陳啟川先生曾任高雄第四、第五屆市長
生前對文化、教育、藝術、體育及照顧弱勢方面極為重視
基金會就是在這個契機下成立。

這次負責的工作為官網改版
由於先前版本過於老舊,過往後台亦不敷使用
再加上基金會及紀念館內的資料持續在彙整準備中
直接全客製後台並不是一個很理想的作法
寫死規格並不是一個很理想的作法…

在多次討論後,我們決定採用WIX做半客製網站
WIX的好處是模組簡易,未來要做維護或變動也不會有太大的難度
若未來的資料結構全數建置完整,再做大規模客製改版即可

畢竟是公版網站,方便歸方便
工具模組完整,仍有一些不盡如人意的地方
例如:桌機和手機版要拆開編輯,框架格式與瀏覽器的比例對應很容易跑版…等等
我們在這個部分下足了不少功夫
盡可能讓整個網站的感覺不要太生硬,不要太像制式版型

網站如期上線,也希望你們會喜歡。
https://www.frank-chen.org.tw/

公版網站是網頁設計師們的惡夢 (也可以說是頭號假想敵)
倘若我們可以巧妙運用
我認為在經濟不景氣的狀況下,也能成為設計師們的武器之一
有興趣了解我們中間的WIX製作過程,也歡迎你找我們聊聊


專案客戶:陳啟川先生文教基金會
工作窗口:宋一鴻先生
網站規劃:Genie Chen
視覺編排:Genie Chen
WIX工具彙整:Hiking Chen


新版官網 (桌機版 / 手機版)

新舊官網比較。

先前已經有褐色的復古風格,新版我希望不要再走同樣路線
早期的照片多半都是黑白或泛黃照片,我們同樣從這些顏色上去找出合適風格
希望設計可以簡約,同時帶有一些應該要有的氣場。

官網首頁。

原先的官網資料有點亂
一下子出現環景照,一下子出現生平簡介,一下子又跳出紀念館訊息
很容易讓人摸不著頭緒。
我們在整理新版首頁時,將資料分類成不同區塊
透過進一步按鈕連結,讓User可以找到自己要的單元。

關於基金會。
延續首頁的配色,搭配WIX提供的制式工具,畫面看起來還算簡單俐落。

啟川先生傳略,製作中最辛苦的單元之一。
受限於公版模組,我們將各自的資料分門別類,盡可能在部分區塊做些變化,也讓未來的網管可以輕鬆編輯。

在整理資料的過程中,常常會發現不少令人驚豔的攝影作品,真的很棒。

WIX 中的公用模組。
這次的網頁主要就是以這兩個框架建置而成的,我們以這套模組為原型,再加上一些可變動的小設計,讓網站看起來可以再更好用些。

Published by Genie Chen

Genie Chen 陳小吉 1981/8/1 A型 獅子座 Innovation Plus Creative Lab 超能力設計戰隊隊長兼網頁視覺設計師