😓 goons:Sorry your JavaScript is off or your browser does not support JavaScript 😓
悠遊卡 | 悠遊付電子支付 APP

悠遊卡 | 悠遊付電子支付 APP

YEAR

2019

SERVICES
  • 金融應用

悠遊卡公司長期深耕台灣大眾運輸與小額支付領域,卡片流通量超過一億張,已成為全民日常通勤與消費的重要工具。為了因應行動支付時代的來臨,悠遊卡公司以「從通勤到生活」為目標,積極推動數位轉型,朝向電子支付領域發展。

PROJECT OVERVIEW

專案背景

實現「無現」生活,悠遊無限

悠遊卡公司因應行動支付發展推動數位轉型,期望從交通票證拓展至支付場景,打造虛實整合的數位生活平台。2020 年推出「悠遊付」,並逐步布局交通、生活與城市服務。然而,因法規限制票證與電支餘額無法互通、開通流程繁複,造成體驗落差。果思自 2019 年起與悠遊卡公司合作,從產品定位、帳號開通到介面體驗,協助釐清痛點、優化驗證與導引流程,並支援行銷與品牌溝通,陪伴悠遊付逐步落實「從通勤到生活」的品牌願景。

果思的角色

  • 使用體驗研究

  • 參與萬人封測

  • UIUX 設計

  • Scrum 迭代

ACHIEVEMENT

專案成果

跨越電票與電支藩籬,整合線上線下支付行為

Easy Wallet 最初是提供綁定與餘額查詢的票證管理工具,跨足電支後,受限法規,票證與電支未能互通、繁瑣的開通與驗證流程也提高了使用門檻。果思從用戶出發,重構註冊與開通體驗,提升易用性與安全感;並設計「嗶乘車」、「卡片記名」、「加值互動」等功能,強化票證與支付的連動,再結合優惠與活動,拓展應用場景,並延伸至行銷與政策整合。2024 年起,進一步支援減碳、健康推廣等應用,持續探索產品更多面向。

  • 持續設計優化

    連續

  • 使用人數

  • 雙平台評分提升

    2.1→

    .8

CHALLENGE

挑戰

  • 01

    因應生活場景,確保支付效率與易用性

    悠遊付的使用場域發生在人潮擁擠的大眾運輸閘門,超商、百貨、攤商等結帳的列隊,及線上電商購物流程中,分秒必爭的情境下,必須確保流程順暢快捷,不讓用戶因等待造成尷尬或跳離。

  • 02

    產品定位調整後,如果兼顧既有用戶的使用需求

    如同專案挑戰所述,本案除了需著重在電支行為流程外,更需兼顧 Easy Wallet 原有 20 萬用戶倚賴的電票管理功能,「如何讓電支與電票的應用產生關聯」,讓 APP 成為電支與電票的整合管理平台。

  • 03

    創造視覺記憶點,讓新手品牌打入競爭市場

    身為較晚進入電子支付市場的新品牌,悠遊付必須在首次亮相就抓住用戶的眼睛。本次大膽挑戰了不曾出現在悠遊卡形象中的新色—質感黑,在襯托原有四色的同時,導入全新視覺感受。

  • BRAND STRATEGY

    視覺策略-品牌導入

    大膽選色跳脫既定框架,結合吉祥物 BeBe 深化品牌形象

    我們大膽翻轉民眾對於悠遊卡熟悉的四色印象,置入具有高度辨識度的深黑色、擷取卡片輪廓做為襯底,與現有企業形象激盪出突破框架的創新火花,也讓原有用戶擁有嶄新的視覺感受。

    在深黑色的全新視覺中,我們藉由廣為人知的吉祥物 BeBe,連結大眾對悠遊卡的記憶。在需要指引或標示狀態時,如空值、支付完成等頁面,透過可愛活潑的 Bebe,緩解用戶對狀態的疑惑焦慮,強化支付流程中的操作引導。

    不僅是支付流程,我們也針對會員升級、減碳生活、七夕與過年等檔期或主題活動,設計相應主題頁面。藉由豐富滿版的插圖與沈浸遊戲體驗,讓 BeBe 陪伴你我度過生活中的不同時刻。

    PRODUCT STRATEGY

    產品規劃

    從註冊到身份驗證

    引導用戶一步步過關斬將!開通錢包!

    連結電子支付跟電子票券

    連結悠遊付錢包自動加值、透過遊戲化設計強化回饋印象

    嗶乘車

    感應支付「嗶」,自在悠遊捷運/公車/YouBike

    清晰的視覺動線

    強化交易與餘額相關頁面的金額權重

    生活助手

    帳單繳費交給悠遊付,搞定生活大小事

    連結生活場景

    結合交通通勤與生活減碳

    前往下載

    本專案最難的地方在於「如何在符合法規與現有系統跟硬體設備的限制之下,梳理出用戶能理解、會使用的流程」。幸好透過客戶窗口、設計與開發單位三方的積極溝通,順利讓專案完成上線!重點是,我們都很愛它:)

    Tina
    果思|UX Designer

    對於如何在市場上已經有鮮明印象的品牌,大破大立的加入新的識別性是最大的挑戰也是最大的成就;這次透過設計讓品牌重新進入數位市場可以被留下更強烈的記憶!

    Alan
    果思|UI Designer
    Google Play

    Google

    4.2

    average rating

    Apple Store

    iOS

    4.8

    average rating

    本專案最難的地方在於「如何在符合法規與現有系統跟硬體設備的限制之下,梳理出用戶能理解、會使用的流程」。幸好透過客戶窗口、設計與開發單位三方的積極溝通,順利讓專案完成上線!重點是,我們都很愛它:)

    Tina
    果思|UX Designer

    對於如何在市場上已經有鮮明印象的品牌,大破大立的加入新的識別性是最大的挑戰也是最大的成就;這次透過設計讓品牌重新進入數位市場可以被留下更強烈的記憶!

    Alan
    果思|UI Designer
    Google Play

    Google

    4.2

    average rating

    Apple Store

    iOS

    4.8

    average rating