經由學長宗翰的介紹，我們承製了齊吶製作的官網，並且製作一個小而美的Flash XML Site~
這個專案原始設定是要同時可以播放作品的FLV以及作品中電影紀錄片的劇照圖片，也就是成了一個小型的影音播放Site，然而由於一般轉影片為FLV對User來說可能有點複雜，因此妥協到後來我們將影片播放置入HTML中，也就是影片的詳細介紹運用Lytebox呼叫出來顯示，這樣User對HTML的掌握度就會更高些，這樣也好，畢竟網站做好是要交給客戶自行維護經營，取得平衡的方法就好了。
由於公司屬性希望多呈現作品的多幅樣式，其他次之，同時客戶希望有誠品深綠與黑色的色譜，進到文化的層次，因此我們選用宋汝窯的色系，再調深些的對比度，另外將Logo的鏡頭設計動態的光芒轉動，呈現拍攝或放映的概念，不同主題切換間的上下大版面的轉變，類似電影場景的變動方式，將新舊Layout 交互呈現，提供不同的資訊，同時也讓Logo的人型剪影上下間有不同的動作變化，著重細膩度的營造。
在作品的陳列上，我們選用左右Scroll的方式讓User自由左右拖拉，也可使用滑鼠的滾輪控制，也可在作品的scroll bar空白處點選，及會快速拖拉，而這也是模擬Window捲軸基礎互動，讓User能很快很容易使用本站。
最後在客戶的堅持下，作品區做了很大的調整，原先我們設計每張作品圖Size較現在大，文字說明也沒這麼多，但是由於客戶希望可以一次看更多的要求下，考量許久，我們在有點"結案"壓力尊重了客戶的修改要求，及成了現在的作品呈現樣式，也許也是不錯的模式吧! 然而我們還是比較喜歡最原始設計的圖樣就是了!
www.shoutgene.com
================ ============================================================
Design: 郭光耀 Brad Kuo /// Tools:Adobe Photoshop, Dreamweaver, Flash, xhtml, CSS, XML
Creative Team: Brad Kuo、Morris Chen、Elisa Huang、Zoe Wang、Alex Pai