Spider-Man Ad
與設計共同配合發想的格式,使用 WebGL 渲染技術加上特殊格式影片做出在網頁上呈現的 透明影片效果。
與設計共同配合發想的格式,使用 WebGL 渲染技術加上特殊格式影片做出在網頁上呈現的 透明影片效果。
第一個獨立學習使用 WebGL 開發出來的格式,根本上的展演與 CSS 視覺上略有不同。
以短影片為主題所做出的文中滿版產品,搭配可互動特效以及展演達到吸睛效果。
三秒蓋板動畫加上可互動式 Banner,主打滑主頁面時能一邊瀏覽又能一邊與廣告互動。
與前者相同,但差別在此處的 Banner 內包含了 Video,如何對齊是數學的奧妙。
手機置底半蓋板,按了下之後還有較小的 Banner 出現,大幅提升點擊率的戰略產品。

桌機格式,這個產品讓設計可以完全發揮把視覺全部連接起來,實際呈現非常有氣勢。

桌機置底格式,保留了幾乎不干擾閱讀又能展現漂亮廣告的彈性。

串接 AI 自動寫程式解決小型 issue 工具。

https://www.fullwaymarine.com.tw/ 因業主只需要一頁所以只用了簡單的 github page + Cloudflare 架起。