Skip to main content
search

回顧 2021 年,我一整年竟然都沒有把新完成的案子放上來,實在不應該,最近趁著解除幾個案子壓力後,讓自己可以好好靜下心的慢慢處理,總算,陸陸續續都放上了公司官網,盤點之後一共有 8 個案例。從現在開始,我打算每一個客戶案例,都需要強迫自己寫一篇文章來介紹。

首先,是這個來自台大的案子:

客戶名稱:國立臺灣大學國際體育運動事務學士學位學程
專案期間:4.5 個月(2021/8/12 ~ 2021/12/27)
完整畫面:https://refine.tw/portfolio/bpisa-ntu-edu-tw/
上線網址:https://bpisa.ntu.edu.tw

這個案子來自當兵朋友的介紹(謝謝明剛!),當初聽到是台大其實自己很興奮,因為在此之前,我曾經有接洽兩個學校的案子,都因為不可抗力的因素導致最後沒有成功。我非常希望可以做到台灣學校的案子。

在當初窗口跟我 Brief 的時候表示,這是一個全新招生的學程,我自己則是解讀這個任務,意義重大,如果可以的話,我希望可以製作出「前無古人」的網站(「後無來者」就不敢當了)。因此,為了積極爭取此案,我額外花很多時間在製作完整的提案,就是製作一個真實的網站給客戶,我希望窗口在將網站呈現給校方內部的時候,可以用真實的網站,而不是一張靜態圖片,需要縮縮放放才能看得清楚,那不是我的風格。

我認為網站是一個動態的產品,它是一個需要使用者去互動、體驗,才會感受到它的價值的東西,假如你的網站只是一張圖片丟給客戶,客戶無法透過操作去體驗操作性與視覺動線的話,那麼到最後客戶就很容易盯著某個地方開始吹毛求疵,例如一塊背景圖,或者說不出來由的覺得配色不對勁。

通常這種時候並不是客戶的問題,而是設計師讓客戶別無選擇。

我認為一個好的提案,就是拉近構想與現實的差距,差距愈小,提案就愈真實,這對設計師與客戶雙方彼此都好。當你給客戶一張靜態的圖片,十個客戶有八個客戶可能都會問「這個網站會有什麼動畫效果嗎?」但動畫可能對於使用者閱讀這個網站的內容無濟於事,可能還是一種額外的干擾。假如設計師一開始就不打算加入太多多餘的動畫效果在網站上,那麼初期一旦讓客戶開啟了動畫效果的想像,那麼後續就很難收回來了,就會造成專案進展上的失焦與阻礙。

再回到台大這個案子。這個案子真的是老天保佑,在提案的過程我自認為還算順利,客戶沒有什麼調整,能夠做到這種案子,真的是很令人感動。這個案子當初最大的挑戰就是只有文字,沒有圖片。通常一個體育相關的網站,若是放上運動員的照片,會讓整個網站的訊息非常明確,但這個案子因為是新招生的系所學程,因此沒有任何校友運動員的素材可以使用,再加上「體育」的這個主題其實很大,運動的種類沒有百百種也有數十種,我們很難用幾個運動的意象來以偏概全,這樣對其他運動並不公平。

我認為照片對現代網站來說非常重要,照片挑得好,網站就成功一半了,所以我並不想輕易地放棄使用照片這件事情。因此,我改用體育場地來當作運動的意向,因為不同體育場地,通常會有不同的顏色,剛好也代表這個學程運動類別的多元性,透過適度的遮罩處理,讓體育場地變成幾何的襯圖。

文字部分,一般運動相關的網站都是使用黑體,但我其實一直很喜歡明體用在人文領域的感覺,特別這是一個做研究與教育的學術單位,因此,字體我選擇的是 Noto Serif TC(思源宋體),做為標題字使用,內文小字則是使用 Noto Sans TC(思源黑體),明黑混用,這部分其實有參考美國哈佛大學(Harvard University)的案例,哈佛大學學校的官網也是使用 WordPress 架構,這點在三、四年前我在談其他學校的案子的時候剛過做功課時有研究到,因此就記下來了,想不到幾年之後,哈佛還是一樣維持使用 WordPress 架構不變,備感安心,不然偶爾會碰到客戶對 WordPress 沒有信心的,這時候就是需要跟客戶分享一些全球知名的成功案例,幫助客戶評估。備註:美國史丹佛大學(Stanford University)也是使用 WordPress 架構喔!

基本上圖片和字體選定後,網站的風格就大致抵定了。剩下來的就是一些功能面的細節,這個網站有個滿特殊的需求,就是希望老師們以後可以自行更新自己的教師個人頁面,裡頭主要是放學術論文發表的研究成果。

由於 WordPress 架構的可調性太大,當你要開放頁面讓一般 User 可以自由編輯的時候,實在是很容易出問題,特別是很多排版上的效果很怕被動到。為此,我的做法是盡可能地使用全域 CSS 來控制排版效果,讓未來老師自己在改東西的時候,比較不需要擔心會動到東西,就算不小心動到東西,排版跑掉了,也很容易找出問題進而修復。

曾經想過是否要寫固定欄位,讓老師照填格子的內容就好,這樣是不是就不會讓排版出錯了?但考慮到這樣子會提高之後到維護難度,因此沒有決定這麼做,實際上我並不會這塊的技術。我曾經幫一個客戶看過他們的網站,他們想調整一些東西,但當初他們的廠商用 WordPress 架構搭配海量的自訂欄位,把 WordPress 編輯器變成一個蘿蔔一個坑的固定式後台,我覺得這很恐怖。我因為無法參透(也沒時間參透)這個自訂欄位架構,所以之後作罷沒接。

以上,是關於這個網站在開發時的一些介紹,未來這個網站沒有意外的話,應該還是會做其他的功能上去,目前是因為要爭取招生時間,所以用分階段的方式上線,如果你對於這個客戶案例有其他想了解的事情,也歡迎向我詢問喔!

我的 Email 是:zeals75@gmail.com

謝謝收看!

Photo by Ben Hershey on Unsplash

徐仲威

平均四天拍一卷底片的網頁設計工作者,主修科目:Olympus OM、Olympus Flex、Pentax 6x7、Pentax 645、定焦傻瓜相機|個人網站:zeals75.com|公司網站:refine.tw

這篇文章有 2 則留言

如果喜歡這篇文章請留言支持!謝謝

Close Menu

不限時的現實動態

2023/10/12 週四 13:13
看起來很閒的我,其實忙翻!

2023/10/11 週三 12:18
別人說「能帶出去的相機,都是好相機」;我說「敢帶出去用的相機,才是好相機」

2023/9/25 週一 15:10
真希望月初趕快來,快不行了。

2023/9/22 週五 15:39
對於單車百岳版面的新設計,還是非常沒有頭緒。

2023/9/21 週四 15:43
準備來蓋一間商店了,來賣海量的底片相機和鏡頭!

2023/9/20 週三 09:18
今天就要把案子階段性做完然後丟出去給客戶看,做完案子就去跑步,今天打算跑得比昨天多五分鐘就好。

2023/9/19 週二 10:52
跑過終點還要繼續跑是最難的。

2023/9/18 週一 10:08
沒有目標的人生,極盡可怕。

2023/9/17 週日 23:29
我很喜歡企劃事情的成就感。

2023/9/14 週四 21:50
加油啊!徐仲威!

2023/9/14 週四 09:59
總是不斷地在推翻自己曾經做過當時覺得滿意的設計,痛苦啊!

2023/9/14 週四 09:56
太久沒做單車百岳的系統,看著資料庫的數據,我跟失憶一樣。

2023/9/13 週三 10:23
如果說毒品的藥效要在一個月後雲淡風輕才發作,那麼我想毒品應該不至於那麼容易使人上癮。

2023/9/13 週三 10:21
如果說幾年前自己的完美主義是 100%,那麼現在應該有所進步了,變成 95% 而已。

2023/9/13 週三 09:16
我有很多歪理:我覺得把攝影成品發在 Instagram 這種社群媒體上,就像在裸奔一樣,你會獲得關注,但不會找到真愛。

2023/9/12 週二 13:49
買完 Pentax 645,應該就不會再買新的相機或碰新的系統了,一切功德圓滿。

2023/9/12 週二 13:16
內湖高昇調整鏡頭手感的技術真是一流,對比之下,我送全◯調整過兩顆鏡頭,兩顆鏡頭手感都不行,不想再給機會了,東西弄不好,再快也沒用。

2023/9/12 週二 09:27
忙翻。

2023/9/11 週一 16:57
決定不架新網站了,直接在部落格開新單元,然後全站語法重寫並優化。

2023/9/11 週一 04:10
EP128,打完收工,終於沒欠任何底片債了,謝謝土地公。

2023/9/11 週一 03:16
最近因為身體欠安,怕半夜咳嗽吵醒家人,於是都睡在家裡倉庫。昨天因為把倉庫打掃了一下,把窗戶的塵封已久的百葉窗重新拉起,讓陽光可以透進來,結果今天晚上睡覺睡到一半自然醒,我以為已經早上了,因為從窗戶透進來的路燈實在太亮了。

2023/9/8 週五 16:00
與其浪費時間在網路上跟別人爭論,還不如花時間在網路上留下有用的資訊給別人。

2023/9/8 週五 10:04
今天還是要努力工作,還是要啦!

2023/9/7 週四 16:24
部落格文章準備進入 EP121 了,剩 8 卷底片沒寫。

2023/9/6 週三 15:36
偶爾也是需要放生客戶的,阿彌陀佛。

2023/9/5 週二 11:21
不知道我網站設計的技能,如果去應徵正職的話會值多少薪水?

2023/9/5 週二 10:38
早知道傷心總是難免的,你又何苦一往情深?

2023/9/3 週日 00:17
決定不做什麼事情,比決定做什麼事情還困難。

2023/9/1 週五 19:06
正在陽台吹風,點燈,點蠟燭,用電腦。