【設計作品】高雄協拍中心官網設計

現在的網站技術很強,甚至有很多可以快速完成的套件
也因為這樣,絕大多數的網站都大同小異

同事們偶而會虧我,我們常在做一些看不見的設計
後來想想,好像真的是這樣 (笑)

我不喜歡刻意用很多空靈的視覺風格包裝品牌或者任何產業
在當下確定好有多少東西,有多少武器可用

如果可以在現有的資源底下
我們重新配置內容版塊,調整好的閱讀動線
甚至優化一些工作流程

我認為這些工作,都算設計。

去年,我做了很多這類型的工作。
有些甚至不需要我出設計稿,只做Wireframe和動線設計
可是因為前期的這些規劃,讓後面接手的設計師可以專心發展視覺

前面做的這些事情,可能當不了作品
不過它可以解決很多設計工作上的問題
看似簡單,實際上跳下來消化內容後才發現難度很高
也因為這些瑣碎的小問題被解決了
後面執行專案的效率也跟著提升了不少

我喜歡這樣的工作
也謝謝高雄協拍中心提供這個機會給我們
我知道裡面還有很多有待加強的地方
希望未來能有機會繼續優化它。

你們喜歡拍片嗎?
高雄有很多很棒的店家和很美的場景
可以的話,歡迎你們來申請拍片。

最後,謝謝所有參與這次專案的好夥伴們。
希望今年還有這類機會可以讓我好好地蹂躪你們 (笑)

網站正式上線。
https://www.filmkh.org/tc/

一個不太像公家機關的網站設計
我們很喜歡,也希望你們會喜歡

正在尋找好的電影拍攝地點的你,歡迎來高雄拍片。

WF 規劃:https://parg.co/u6B
Behance作品展示模擬:https://parg.co/u67

—————

網站規劃:Genie Chen
視覺設計:Genie Chen / Chara Su
前端程式: Kidult Lee / Hiking Chen
後端系統:Thomas Chang / Chuju Lin
資料提供:Amiee Yao / Che-Wei Hu (高雄協拍中心)

新舊官網比較 – 首頁設計
在不更動原有內容的限制下 我們重新調整了版面比重和閱讀順序 一部分要因應RWD規則 另一部分希望使用者可以更輕鬆找到每個單元 改版後的樣貌是不是清爽很多呢?

新舊官網比較 – 最新消息
既然是資料、文字信息較多的網站 文字清單的排版自然是不可少 用板塊的方式呈現,我覺得是一個很不錯的作法 不管在哪個裝置都可以用同樣邏輯操作網站

新舊官網比較 – 場景資料庫簡介
原有資料其實就蠻充足的 只是逐漸不適用於現在的閱讀方式 重新調整各單元配置後,很容易就找到資料 除了這些資料外,我們另外新增了場景對照 原有場景和電影中使用的Before&After 曾經到該場景拍攝的團隊也會同時出現在這個單元頁面,提供其他拍攝團隊參考。

官網設計- 場景資料庫搜尋引擎
原有的官網僅針對關鍵字搜尋 在搜尋結果中不容易找到自己要的項目 我們最後把搜尋引擎拆成三部分 “全站關鍵字搜尋”、”場景資料庫”、”支援懶人包(拍片支援店家)”

官網設計- 支援懶人包搜尋引擎
提供拍攝團隊找到不同類型的協拍單位(店家)

官網設計- 桌機版本選單

官網設計- 手機版本示意
由於實際選單項目非常多 我們在手機上面另外做了收納功能 點擊主要單元後再展開子項目 閱讀時才不會有過長頁面,不易使用的問題

Published by Genie Chen

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