東急カードアプリ
東急カード会員向けの利用明細を確認できるアプリ。沿線エリアのタイムリーでおトクな情報や、ポイントがお得に貯まる方法なども紹介しています。
東急カードアプリのUIイメージ

東急沿線ライフをより豊かで楽しいものに

東急カード株式会社とURBAN HACKSの協働チームは、2022年9月に「東急カードアプリ」のフルリニューアルを行いました。今回の取り組みで最初に着目したのは、クレジットカードのお支払い明細から受ける、“お金を使ってしまった”というネガティブな印象です。

私たちは、日々お金を使いながら生活しています。この行為をマイナスなものとして捉えるのではなく、いまの自分につながる投資だったと考えるとどうでしょうか?日々お金を使うことで得られる、ちょっと豊かな生活の実現に向けて背中を押してくれて、さらにいい自分に出会えるきっかけをこのアプリで提供したい。そんな想いを込めて、プロダクトのコアとなるユーザー価値(コンセプト)を根本から見直しました。
東急カードアプリのアイコン、UIとキャラクター

東急沿線のおトク情報がいつでも手に入る

「みつける」機能では、東急沿線の最新のおトク情報やキャンペーン情報を紹介しています。お気に入りのショップやレストランで使えるクーポンを手に入れたり、お得なキャンペーンにエントリーすることで、沿線の商業施設等で利用出来る優待を受けることができます。
さらに、鉄道事業を展開するグループならではの工夫として、“沿線エリア”を設定いただけるようにしました。これにより、お客さまの生活圏に根差した情報の提供を目指しています。
見つける機能の画面とクーポンのUIイメージ

利用明細もグラフ表現で直感的に理解

利用明細画面では、棒グラフを使った視覚的なUIにすることで、クレジットカードの利用履歴を一目で把握することができます。また、ホーム画面のダッシュボードでもクイックに確認できるように設計。棒グラフのちょっとしたアニメーションのディティールにも拘りました。
明細画面のUIイメージ

時間帯や季節に合わせて移りゆく街並み

お客様のライフスタイルに寄り添った世界観表現として、ホームのメインビジュアル (TOKYU POINT数を表示する枠) がリアルタイムで連動し、空色が変化しています。時間帯だけでなく、季節によって桜が舞ったり雪が降ることも・・?
時間によって変化するカードのUIイメージ

ダークモード対応で快適な利用体験を

ダークモードを採用することで夜間や低照度の環境下でも目に優しい表示が可能です。美しいコントラストやカラフルな要素がより際立ち、情報の知覚性も向上します。またお客様の個性や好みに合わせて、アプリのアイコンを自由に変更することができます。
ダークモードのUIイメージ

Team

Product Manager
Motoki Tanaka, Yukiha Kitaura
Account Manager
Chihiro Ohashi, Kumiko Furukawa
UI/UX Designer
Aya Matsuda, Keiichi Takayama
Mobile App Engineer
Tomonori Ueno, Jun Goto
Back-end Engineer
Ryoji Ishii, Shingo Noguchi, Yonjun Yu
QA Engineer
Haruka Wakaizumi