プロジェクトを相談 相談する
事例事例テンプレート · Banking App
Banking Appバンキング · デジタルプロダクト
午前9:00の通知:今週分のカード残高不足、3日後に終了するトライアル、更新、63日間開いていないサービス、値上げ、明日の4件の請求、予算ペースを37%上回る支出
今日対応が必要なこと
インサイト:同時に二つのジム、YouTube Musicの二重支払い、63日間開いていないサービス。それぞれ月間の節約額、「解約」ボタン、「今はしない」付き
見直す価値のある費用
総残高、「Oraculより」:新車のために月$2,834を積み立て(「$2,834を追加」)、手の届く範囲の14か月分の支出、月$200増やすと自動車ローンが早く終わること
目標に向けた次のステップ

サービス

  • プロダクトデザイン
  • UX/UIデザイン
  • フロントエンド開発

ツール

  • 達成すべきこと
  • ペルソナ
  • 市場調査
  • 競合分析
  • App Storeレビュー分析
  • ユーザーフロー
  • 情報設計

技術スタック

  • React
  • TypeScript
  • Vite
  • Tailwind CSS
  • shadcn/ui
  • Base UI
  • Recharts
  • Tesseract.js

Banking App

自分のお金の動きを理解し、次に何をすべきかを判断するのに役立つバンキングアプリのコンセプトです。アシスタントのOraculは、いつもと異なる支出、繰り返しの請求、今後の支払い予定を、説明とアクションを添えて提示します。

このプロダクトを作った理由

残高は残っている金額を示しますが、何が変わったのか、どの判断に注意が必要なのかは説明してくれません。私たちは、日々のお金の管理がレポートを読むこと、更新日を覚えること、影響を自分で計算することに依存しないようにすることを目指しました。

プロダクトに関する私たちの判断

気づき、説明、行動を一つの流れにしました。Oraculはパターンを名指しし、その背後の金額を示し、適切な次のステップを開きます。本人は根拠を確認し、行動するか、後回しにすることができます。

今対応が必要な判断と、先の計画を分けました。更新と重複請求には期限があり、予算は意図と実際の支出を比較し、「もしも」は資金が動く前に変更案が現在のプランにどう影響するかを示します。

私たちの貢献

プロダクトのロジックを定義し、モバイルインターフェースを設計して、フロントエンドを構築しました。オリジナルのコンセプトと並行して、米国の銀行・決済アプリ八つのApp Storeレビュー4,000件を調査し、十二の金融プロダクトを比較しました。この作業は、定期費用の理解からカード情報のコピーまで、日常の不満を具体的なインターフェース判断に結びつけるのに役立ちました。

インサイト:7件のインサイトで月$3,458節約の可能性、月間予測、年間、続いて「この購入に心当たりはありますか?」と予算ペースを37%上回る支出
パターンとその推定効果
インサイト:「土曜日の飲酒を控えめに」、4回の土曜日にThe Bungalowで$1,333、今月のスポーツより多い支出、半分にすれば月$722を確保、「土曜日にリマインド」付き。その下に予算ペースを超えるライフスタイルと二つのジム
四回の土曜日を一か月に換算

支出のパターンを判断につなげる。

カテゴリの合計だけでは、解釈は本人に委ねられます。Oraculは代わりに具体的なパターンを指摘します。あるバーで過ごした四回の土曜日、その費用、支出を減らせば他の優先事項にいくら回せるかです。提案の横に数字を示すので、本人が判断できます。

スクリーンショットはサンプルの取引を使用しています。四回の土曜日で$1,333です。月$722という推定は、土曜日の平均支出の半分を平均的な一か月に換算したものです。元の取引を表示することで、この推定を検証できるようにしています。

取引の警告:「銀行はこの販売者を特定できません」、続いて「問題がありますか?」で「この購入に心当たりがない」を選択、「問題を報告」と「サポートに問い合わせる」
報告する前に購入を確認する
入力済みの口座間振替:メイン口座から「新車」目標へ$2,834.00
入力済みの振替を確認する

次のステップを理由に結びつける。

説明は、具体的な行動につながってこそ役に立ちます。身に覚えのない購入を確認すると、その取引と報告オプションが開きます。車のための貯蓄を提案された場合は、送金先と金額が入力済みの振替画面が開きます。

判断は本人に委ねました。詳細を確認してアクションを確定します。金額を覚えて適切な画面を探し直させるのではなく、アプリが文脈を引き継ぎます。

要対応:判断が必要な8件を期限の近い順に表示。YouTube Musicの二重支払い、カード情報の更新、残高不足。それぞれ金額、一つの主要アクション、「了解」付き
期限順の判断
YouTube Musicの解約シート:11月23日まで利用可能、失うもの、年間$131.88の節約、「代わりに一時停止」と「サブスクリプションを解約」
解約した場合の影響
「物理的な商品」「メンバーシップ」と並ぶ「デジタル」タブ:生産性サブスクリプション。それぞれ価格、次回の請求、カードを表示し、一つに「残高不足」のフラグ
種類別の定期費用

次の請求の前に決める。

サブスクリプションの一覧だけでは、何をすべきかはわかりません。「要対応」では、重複支払い、終了間近のトライアル、価格変更、支払いの問題を、期限の近い順に提示します。

解約の前に、費用、残りの利用期間、失われるものをインターフェースに表示します。デジタルサービス、配送、メンバーシップは別のグループに分けつつ、判断は同じわかりやすいパターンに従います。

「予想と実績」のOraculタブ:月間予算と予測、カテゴリごとの対比バー(超過は赤で表示)、家族の予算。上部にカテゴリのタイル
予想と実績
あるカテゴリの分析。グラフの下に「お金の行き先」と、空欄のメモ「今月予算に収まらなかった理由は?」
予算に収まらなかった理由
上限:ギフトは週$1,245、支出$1,617、今週$372超過。その下にOraculが提案するホーム用品、Etsy、Target、バー、美容、Amazonの上限。それぞれ30日間の頻度と金額付き
上限

計画と実際の結果を比較する。

カテゴリごとに予算と実際の支出を並べて表示しました。これにより、二つのレポートを比較しなくても差が一目でわかります。

メモはいつもと異なる月の理由を残し、週次または月次の上限は繰り返しの支出に小さな枠を設けます。これらを合わせることで、何が変わり、なぜ変わり、次に何を調整するかという実用的な振り返りを支えます。

「もしも」:今月$15,000の大きな買い物、メイン口座が$12,849不足するという警告、続いて残高、残りの予算、月間の純額の変更前後
現在のプランに対する購入
進捗リング付きの目標:住宅の頭金は遅れ、アパートの改装は要注意、新車は順調。その下に「もしも」と必須の支払い
既存のサンプル目標の進捗

決める前にトレードオフを確認する。

「もしも」では、購入、ローン、新しいサブスクリプション、収入の変化をサンプルの家計に当てはめて試せます。変更前後を並べて表示し、先に進む前に不足額を知らせます。

シナリオは毎月の積立額とともに目標として保存できます。別の目標画面には既存のサンプル目標の進捗を表示します。予測を約束として提示することなく、選択を検討しやすくすることが目的です。

残高から、熟慮された次のステップへ。

この成果は、問題に気づき、理解し、行動するまでを一つの体験にまとめています。サンプルデータでインサイト、予算、定期支払い、プランニングのシナリオをお試しいただけます。金額は日付によって変動します。銀行、決済サービス、サポートチームには接続されていません。

その他の事例

JA