Functional Website

永豐銀行捐款平台

此專案與永豐銀行合作,為一個既有的捐款平台網站重新設計 RWD 網站。視覺由另一位設計負責,我負責切版、小動態製作,再交由業主的程式團隊做功能套用與資料串接。切版使用 pug/scss 做前置處理,第三方使用 wow.js、scrollspy.js 與 css animation 處理雲與星星部小動畫,slick.js 處理首頁輪播卡片。

首頁
動態設計

此案有許多手繪的元素,為了增加溫馨感覺,在切版時為星星、雲朵、小人等製作簡單的進場動畫。以下為側錄畫面演示。

動態效果
平台管理與捐款流程
管理頁
捐款頁
Design guide 與手機版畫面
手機版