Web Life

不管在教會還是在公司,總有人以為我是念資訊相關科系的,因為我是會修電腦的阿宅。回顧這一路走來,充滿曲折和驚奇。

第一次接觸作網站是1998年,到阿條家玩,他總是樂於分享他正在學習的事情,他介紹網站是怎麼寫的,我們從 IE 看到的畫面,背後的 html 是長什麼樣子,那是我第一次接觸 html。

真正開始自己寫網頁則是高二以後,我依稀記得第一次寫出超連結的指令,把 2 個網頁連在一起,就好像小孩子第一次蓋積木一樣興奮。我沒有受過美術或設計的專業訓練,所有的按鈕、banner、視覺概念和靈感,一開始都是在奇摩(後來才被雅虎收購,成為Yahoo奇摩)搜尋免費素材,一邊摸索一邊建立自己的美感和風格。

當時像我們這種非資訊背景的文科生,都在奇摩家族裡找尋自己的同溫層,那時候還沒有「社群網站」這個名詞,奇摩家族就是 90 年代後半最大的社群網站(被雅虎收購),後來被無名小站超越(被 Yahoo 奇摩收購),然後 Facebook 再攻佔台灣網路。

2001 年上大學後,哥哥帶我去組裝人生第一台 PC。2002 年夏天過後,大二上學期開始在系辦工作,開始接下系網頁維護,在當時各系所都還在用 WORD 轉存成網頁檔的時代,我當時毛遂自薦的設計很快就被接受,開啟了另一扇門。敝人就讀的大學(國立台北大學第 2 屆,前身是中興大學法商學院)沒有理工科系,實在是非常僥倖,我獲得系主任的支持和系上的資源,開始光明正大利用上班時間學習 html,最大的獲益者是我自己,至今仍然是無比感恩。系上有幾間電腦教室、上百台 PC,每當有電腦有無法開機、當機,我就會去處理回報問題,這個職場讓我很迅速熟練的學習排除簡易故障,也學會怎麼組裝、維修、處理軟硬體問題。

2003 年,無名小站網路相簿席捲而來,部落格開放編輯 css,才讓我像小白兔一樣進入 web 2.0 的世界。一個文學生大三才開始接觸 css、php、資料庫,其實遠不如高中生的程度,但不知道為什麼,我對web就是這麼有興趣,純粹因為喜歡而投入,就這樣跌跌撞撞的走著,即使不是吃這行飯,想不到這個技能竟然在我的工作(從大學到現在)有非常決定性的影響,因為網路、資訊相關的能力,讓我如魚得水。

大學同時也為自己的樂團做網頁,一做就是4個版本,每年都改版,這是我最醉心於視覺設計的階段,因為有照片、有素材、有想要說的故事、有想要呈現的形象和風格,開始意識到coding只是建材,有沒有魅力是要靠美感和設計。系上打排球、網球之餘,也和一班同學、學弟妹隊友們,共同經營虛構垃圾話網路新聞「喇叭電子報」,稱不上是磨練寫網站,但卻是非常用心經營內容,只希望博君一笑。

2006 年退伍後第一份工作,在翻譯社雖然是業務,因為會組裝電腦、寫網頁,自然就漸漸接下公司的 IT 工作,老闆也全力支持我拓展相關的能力,雖然是魚幫水、水幫魚,受益最大的還是我。

2009 年,教會成立資訊部門,又給了我新的舞台,但我整整荒廢了 1 年,才把教會的網站做出來。而教會的網站不同於以往,是要幫助家人、服務有需要的人,所有的內容和風格都因為家人的需要而改變。以前作網站,是把自己有的服務端出來,讓客人挑選需要的服務,而教會的網站剛好相反,是要依需要的不同,而隨時調整網站的內容。

2010 年到了中租,又陰錯陽差又成為公司的租車網站的 webmaster,經營了將近 2 年才交回給公司。

2012 年,我在教會的網站引進 WordPress 3.0,方便整理牧師文章和家人見證,不需要每 1 篇都做 1 個 page,開始踏進 CMS 的世界。一開始真的是一頭霧水,用到的功能也不多,網路上的應用也不像現在這麼普遍,而且中文支援性不佳。

2014 年,在教會成立路跑社 CITA Run,手癢又想要做個網站,就註冊了 citarun.tw(已關站),開始投入 WordPress 架站,剛好搭上了 WordPress 全球化的熱潮;2015 年教會新網站也因此導入 WordPress。

2016 年,為了服務自己的外國客戶,自己架設了 carexpat.tw。CAREXPAT 網站不僅讓我在客戶服務上,帶來許多便利,贏得客戶滿意度,我也因為必須要密集維護這個網站,得以跟上 WordPress 的演進,接觸到更多的佈景主題、page builder、plugin。

2019 年來到新公司,搭上公司數位轉型的順風車,利用工作空檔,火速幫公司做了新網站,實在是恩典。公司的規模實在是有點大,所謂火速,是網站的製作只花了 2 個禮拜,但是內部的協調、外部和原廠的溝通(使用的 logo、素材),花了3個月才正式上線。隔年再幫 HR 部門完成電子報網站的設計和營運訓練。

我不是 coder,也更談不上是 designer,關於網站所需要的各種知識,我的技能都僅止於初步概念,幸運的是我對學習新知的熱情,讓我從重度 user 的角色殺出了一條血路,尤其 WordPress 的發展稀釋了 coding 的重要性,讓我可以維持這個興趣,樂在其中。

Portfolio
SN Name Year Status URL
1 國立台北大學應用外語學系 2002~2005 舊版已下線 http://dafl.ntpu.edu.tw/ (舊照片)
2 plastic451 2002~Present 改版10次以上 https://plastic451.com
3 波兒樂團 2003~2007 已關站 http://boar.myweb.hinet.net/ (舊照片)
4 喇叭電子報 2003~2005 已關站 舊照片
5 翻譯公司網站 2008 營運中 照片
6 中租租車 2011~2013 舊版已下線 https://www.rentalcar.com.tw/ (舊照片)
7 浸信會慈光堂 2010~2015 舊版已下線 https://www.klbc.org.tw/
8 CITA Run 2014 已關站 http://citarun.tw/
9 西塔浸信會 2015~Present 營運中 https://www.cita.org.tw/
10 CAREXPAT 2016~2021 已關站 https://carexpat.tw/,由 mobie.tw 承接
11 太古汽車集團 2019~Present 新版 https://www.taikoomotors.com.tw/
12 太古汽車集團員工電子報 2020~Present 新版 https://newsletter.taikoomotors.com.tw/
13 Mobie for Micron 2022~Present 新版 應客戶要求開設 https://mobie.tw/micron