專案概要
新光銀行的OMNI-U（OU）數位帳戶提供全方位的金融服務，包括儲蓄、消費和投資。在本次的專案中，為OU數位存戶設計了為期一年的活動網站，在網站中呈現各種優惠：包括開戶禮、刷卡回饋和推薦獎金等，旨在吸引新用戶加入並鼓勵現有用戶推薦給朋友。
設計時程
2021年2月 - 2021年3月
擔任角色
風格提案、前期發想、網站視覺、動畫
重點特色
這次的專案融合了2021年流行的3D元素和新擬物化風格，並添加了動畫效果作點綴，將品牌活動呈現得更加活潑生動，同時也保持了品牌的獨特風格和特色。這種設計風格不僅吸引了眼球，還能夠激發使用者的興趣，使他們更願意停留在我們的網站上瀏覽商品，探索各種精彩活動和優惠。
新擬物化風格
3D元素
這次專案是我首次嘗試在網頁中應用AE動畫，我投入時間研究並嘗試了Airbnb所開發的Lottie插件，成功將動畫轉換為適合網頁使用的JSON檔案。在實作過程中，我深入了解了這個插件的限制，特別是在為了網頁效能做出取捨的時候。由於某些類3D效果會使檔案過大，為了提供更好的使用者體驗，我們做出了必要的優化，捨棄了這些效果。
儘管遇到了挑戰，但這次經驗使我更加熟練地應用了AE動畫於網頁專案中，並且讓我更具洞察力地處理網頁性能與視覺呈現之間的平衡。
Loading動畫
卡片動畫
設計挑戰
將所有優惠內容集中於首頁，使使用者能夠在同一頁找到所需資訊，減少左右滑動的操作。我們採用區塊化設計，以不同的區域突顯各項優惠，並使用動態箭頭引導使用者向下捲動瀏覽。
此外，活動詳情和更多資訊將以彈出式視窗呈現，降低使用者在不同頁面間跳轉的需求，減少等待頁面載入的時間，同時避免使用者迷失方向，提供更流暢的使用體驗。
為了迎合Mobile First的趨勢，進行了多項設計優化和調整。首先，採用了固定於螢幕底部的選單，替代了常見的漢堡選單，解決了使用者不願意點擊或難以點擊（漢堡選單通常位於畫面右上或左上方）的問題。
此外，為了提供更好的手機瀏覽體驗，我們放棄了非必要的動畫和圖像，並將每條優惠內容都簡潔地呈現在一個屏幕內，避免了使用者需要左右滑動查看的不便。在這次的響應式網頁設計中，我們將原本的卡片全部展開，讓使用者不必滑動即可瀏覽資訊，這不僅提高了內容的曝光率，也符合使用者習慣，使他們能夠更輕鬆地進行垂直滑動操作。
固定於螢幕底部的選單
攤開卡片，提升內容曝光率
延伸宣傳物設計
除了網站設計外，這次專案也製作了許多相關延伸物，包括DM、布條、海報、數位廣告等等。
