美國 Well Go USA 灰狗揚聲官網

美國 Well Go USA 灰狗楊聲官網

今天是我進公司滿2年,回憶起過去的兩年真是非常刺激,家庭生活變化很大,老婆懷孕、付掉車子貸款、買了房子、搬家、生了孩子、與老婆一起渡過最難熬的前三個月,整個很忙碌的兩年。公司的官網已經順利運作一段時間,也剛好可以介紹一下這兩年來我做最大的一個案子,美國 Well Go USA 灰狗揚聲公司官網。
公司的官網聽說在我來之前就已經外包找人做過,結果做了個半調子的網站,只是用單純的 HTML 網頁模版來做,加上一些 Flash 的動畫特效,看起來還算可以,但是管理起來真的會要人命,因為所有的網頁都是手工一頁一頁做的,每次需要修改或是做新的頁面就需要請外包的人處理,但是公司當時也沒人會做,只好受制於人,將就著用了。
兩年前我進到這公司來,剛開始主管們也提到要「修改」官網以因應越來越高的發行量、網路流量與行銷的需求,但是這樣的結構,再修改下去只會更糟,所以我提出「重做」的構想,當時公司上上下下大概沒幾個人相信我能夠做出來,畢竟他們已經聽了太多「前人」的推托之詞,認為要完成這個以資料庫為背景平台的網站很難之類的。雖然我知道我「應該可以做的出來,但是我當時對於 CMS 系統也是正在摸索中,當時的我其實還不會做這樣類型的網站,只是出於「背水一戰」的信念與對自己的自信,決定要「重做」網站。

之後美編主管開始設計新的版型與系統,我也加緊「研究」稱為 Drupal 的 CMS 系統,該系統堪稱是目前世界最強的 CMS ,因為他給你所有的零件,讓你拼湊出你要的樣子,就像是把一台汽車所有的零件與螺絲都攤在你眼前,讓你組裝成一台車,相對的難度也很高,加上他的架構用的邏輯概念跟其他的 CMS 不太一樣,因此要花更多時間去理解,這也是大部分的人在學著使用 Drupal 的前半年就會放棄的主要原因。

隨著公司業務量越來越大,我的「研究工作」並沒有太大的進展,眼見舊網站已經不敷使用,新的版型也已經設計出來,我只好先做出「偽」資料庫網站來撐場面,就是看起來像是資料庫的網站,但是實際上還是一頁一頁的完成,在加上一些類似資料庫列表的頁面,看起來真的可以唬人。不過也在這樣的過程中,慢慢理解了一些表現資料庫網站的運作方式,對後續實際資料庫化有很大的幫助。

前面提到半年是進入 Drupal 的基本門檻,但是我也沒有比較好過,只是撐久了就贏,我花了一年多的時間才搞懂整個架構,從 Drupal 5.x 版開始接觸,到 7 版才真正會用,那種會用的感覺不是慢慢學來的,是有一天,突然就「懂了」,「通了」,然後我只花了半個多月的時間就完成整個網站,也因為有前面製作的偽資料庫網站,很多的圖片不需要再切割一次,加上對於 CSS 的使用更熟悉了,所以省去很多色塊、切圖的使用。
網站做好了以後,開始指導一些相關人員自己登入進去修改內容資料,頓時之間我的工作量少了許多,因為他們可以自己處理而不需要透過我來修改網站內容,而且內容增加的速度也加快許多,對於業務推展方面著實提供不少助益。
適逢今年 Drupal camp 年會在台灣舉行,我也就把自己做好的網站提出申請,順利的登上Drupal Show 的頁面。
Drupal Camp 2012 認證我的網站
Drupal Camp 2012 網站介紹頁
經過此次的 Drupal 網站製作經驗,我對 Drupal 的能力更有信心了,目前正在研究其他方面的用途,例如社群網站與更大型的資料庫網站,希望不久的將來可以把研究成果介紹給大家。

賽德克巴萊美國官網

賽德克巴萊美國官網

經過與新來的美編一段時間的磨合,電影網站已經有基本的架構,只要每次需要製作電影官方網站,就會採取類似的策略。只是在 Javascript 與 jQuery 的運用上越來越多,瀏覽器的Loading 也越來越大。
這次是台灣之光「賽德克巴萊」的美國官網,很高興我們公司可以拿到這部片的發行版權,美國電影市場的反應也不錯,在 AMC 電影院連續上映一個多月才下檔,也創了我們公司的紀錄。

賽德克巴萊的官網用了 HTML 5 的影片播放技術,把影片當成是背景來用,前面一樣要能夠展現適當的文字、動畫與 jQuery的效果,光是要疊兩層 HTML 5 的影片就消耗了我大量的時間來測試,還好後來順利完成,只有部分 jQuery 因為 Method 的語法衝突,繞了一圈才達到類似效果。

經過這次的挑戰,我更加的希望能夠磨連自己 javascript 與 jQuery 的功力,才能夠真的做到隨心所欲的表現網站內容。

讓子彈飛美國官方網站

讓子彈飛 美國官網


這是幾個星期前做好的官網,這次用了許多的jQuery語法,但是原則上還是脫離不了以前的架構,大概我們電影網站的架構就差不多是這樣,除非有更大的行銷活動,不然基本的元素都差不多。

最近公司聘了一個網路行銷顧問,他已經逐步調整了一些行銷人員的方向,所以看來不久後,電影網站的部份也會編入公司的官網下,變成一個轄下的網頁,而非自己獨立網址的網站了。

1911辛亥革命電影,美國官方網站

1911辛亥革命電影,美國官方網站


這是我最新的作品,是成龍拍攝的第一百部電影,也是為了紀念辛亥革命一百年所拍攝的歷史片,更是中華民國建國一百年的一部史實局巨作,很榮幸我也參與在其中,製作了這個美國的官方網站。

我們公司在這部片上史無前例的花了大筆的行銷預算,在網路、電視、平面媒體等大作廣告,不僅是美國市場,連美國的華人市場也一樣大力推廣,希望能夠把華人推動民主改革的成果,讓外國人也能夠知道。

繼上次新少林寺網站後,我這次大量使用JavaScript來製作網站,後方背景飄動的雲,與所有動畫效果的控制,音樂與影片處理則是採用HTML 5的最新規格來處理,慢慢對JavaScript、CSS、HTML 5 更加熟悉,之後應該會有更精采的網站可以呈現給大家。