悠遊卡公司2020年推出全新電子支付服務「悠遊付」
上線前需號召受眾體驗試營運，而此項服務上線動向廣受大眾與媒體矚目。
故我們要在此前導網站達成：
1. 顛覆大眾對悠遊卡IP的既定印象
2. 讓大眾對「悠遊付」產生期待！進而促進報名體驗
連結
TARGET
目標
IDEA
創意核心
用一般網頁形式、條列文字來介紹悠遊付
互動性低也較難讓人印象深刻，更無法讓大眾感受悠遊卡的進化與改變。
我們結合了以下鮮明特色，優化UX、視覺、動態，製作出極具H5互動感的網站
1. 悠遊卡最有記憶點的「嗶!」音效
2. 感應悠遊卡時，會伸手嗶卡的動態"
STATEGY
策略
為顛覆使用者預期，感受到「悠遊卡不一樣了！」在文案、視覺、動態都與既有的風格不同。
1. 網站文案：不用硬梆梆的說明
● 網站文案全程用「跟朋友聊天」的親切口吻溝通
2. 視覺：不走一般網站的呈現方式
● 視覺上採取「拆解」悠遊卡與悠遊付的使用情境，並使用故障藝術後製手法，將元素分層排列
3. 動態：應具高易用性，能於各裝置流暢呈現
● 在動態上，確認各裝置的高易用性外，並將流暢度優化到最高
RESULTS
成效
● 網站上線５天後，500位體驗名額火速額滿
● 上線一個月後：
1. 累積超過16萬瀏覽量
2. 65%以上使用者瀏覽到最後1cut
3. 平均停留長度近2分鐘
4. 平均跳出率僅12%
5. 50家以上媒體報導
COOPERATION
合作廠商
旋轉牧馬有限公司
AWARD
獎項
● 2020數位奇點獎
數位技術類/最佳使用者體驗（UX）獎 銅獎
● 金手指(2020)
用戶體驗(UX/UI)創意獎 佳作
