emg:ebg 名象品牌形象設計官網
版型設計/影片製作/前端互動: Luna Fang
PHP後台: William Lee

這真的是我做過最傷腦筋的案子了 哈哈
畢竟是自家的官網,總是會比做客戶的難搞,
然後又有許多的技術要克服:

整個網站架構是用skrollr.js來做捲動的效果,這個雖然之前在做方大同的案子時有玩過,但是要動的東西東了很多,然後還要根據螢幕尺寸做兩種時間軸orz

一進來的影片是第一次用AE做出的成品,話說之前就說想學AE 還買了很厚的原文工具書,不過真的學會還是要到實際要用的時候XD (書也沒看,都看網路上的教學)

service單元用了snap svg,發現svg真的挺有趣的耶,AI直接轉存就可以用了,重點是可以隨意縮放尺寸,不過要讓他動起來就要靠snap svg囉~

about單元是我研究awwwards網站研究了很久才發現,其實用3個半圓+jQuery就可以做到圓圈跑百分比的效果~ 真的很酷

這中間還用到了address.js、prettyCheckable.js,以及還有很多研究過可是沒用到的東西@@……

不過成果算是不錯的吧! 至少在台灣還很少有這種類型的網站(話說我們的網路技術到底要慢國外多少年阿= =)

emgebg1

emgebg2

emgebg3

emgebg4

emgebg5

emgebg6