程式語言多是運用在功能面的解決方案，到了現代，有些工程師開始跨足視覺設計，以程式碼為筆刷創造表達性的精彩畫面。這類創作被稱為 #CreativeCode 創意編碼，常常運用在視覺藝術和設計，娛樂，藝術裝置，投影和投影映射，聲音藝術，廣告，產品原型等等，今天也進入到了網站設計的領域。如果看國外的網站，常常會看到出乎意外的動畫，物理運動，粒子特效，有些甚至可以和滑鼠互動～
#CreativeCode 透過數學公式，調整參數，顏色，就能創造無限多的可能。或是將滑鼠或手指的行為數據帶入，讓動畫和人產生新的互動。我們最近嘗試在專案上增加這類運用，期待能為瀏覽網頁帶來更多全新體驗～
網站進入設計之前，我們都會先進行 Wireframe 的作業，先將業主希望的訊息和元素都先佈上去，用最少化的色彩，抽離設計樣式，只留下文字或按鈕，與業主一起審視，常常會發現到許多盲點，比如說業主希望強調的訊息被大量文字淹沒，或是選單名稱讓人不容易聯想到內容。如果在設計階段才發現這些問題，會增加相當大的修改時間。相反的利用 Wireframe，我們可以很迅速的調整內容策略，與業主一起省視網站的定位，確保網站有良好的使用者體驗。
利用 Wireframe 的工作流程，我們可以在前期階段把 UI UX 的元素討論好，如此一來進入設計階段時，設計可以專注在風格建立上。甚至可以提前進行前端切版工作，看似在前面花了更多時間溝通，事實上卻可以加速後期的作業時間。
排版不只是 X, Y 的平面規劃，也可以加入 Z 軸的呈現，簡單來說就是增加立體感。在 WebGL 的技術之下，我們可以在網頁中加入 3D 的模型和場景，或是在 HTML/CSS 上加點小技巧，利用捲動，滑鼠位移推曳，展示設計的其他角度，增加更多的層次感。網站透過 3D 呈現更多細節與層面，讓瀏覽者看到更多細節與層面，給予瀏覽者額外的發現與樂趣。
未來也許還會有 AR/VR 更多沉浸式體驗的應用，但不論桌機和手機，目前的瀏覽的習慣仍是以平面為主，所以應用上我們要更加小心，不要破壞本來的瀏覽習慣。但我們目前在網頁上的表現，主要專注在平面設計基礎上，突破平面的格局，讓 Z 軸的魔術自然而然的浮現，設計更有趣！
就如同電影和電腦特效一樣，WebGL 可以為網站創造 HTML 做不到的動畫表現，和 HTML/CSS 以文件為目的的程式語言不同，WebGL 是以繪圖為主的程式，需要更複雜的程式設計。不使用外掛程式的前提下，在相容的瀏覽器中呈現互動式的2D和3D圖形。3D的場景，壯觀的粒子效果，計算彩現效果有高自由度的著色器 #shader 等，利用GPU圖形處理器加速影像處理和效果的使用，WebGL可以加入其他HTML元素之中，並與網頁或網頁背景的其他部分混合，或是對使用者的行為做互動和反應。可以說用 WebGL 就可以打破 HTML 的限制，在網頁上做出更突破的視覺表現。
透過和設計的討論，主視覺在設計階段就先構思動畫表現，利用 WebGL 創造吸引讀者目光的精彩動畫。 WebGL 桌機和手機上都可以瀏覽，針對專案屬性個別優化，恰到好處視覺，讓動畫畫龍點睛，在效能和表現之中取得完美平衡。
