dtac e-care B2B決済プラットフォーム

プロジェクト背景

dtacは約2,000万人の契約者を持つ、タイ最大級の無線通信・モバイルテクノロジープロバイダーです。同社には、SMEおよびエンタープライズのお客様がモバイルパッケージを選択しアカウントを管理するためのプラットフォームがすでにありました。しかし、デジタルのエンドツーエンドサービスを提供するには、オフラインからオンラインへのシームレスな移行を実現する上で、決済処理が重要な機能のひとつとなります。

OOZOUは、デザイナー2名とプロジェクトマネージャー1名のチームでデザインソリューションを提供し、クライアントのビジネスチームおよび開発チームと密に連携しました。1週間スプリントで、ユーザーエクスペリエンスのワイヤーフレームとユーザーインターフェースデザインを迅速なイテレーションで納品しました。

ターゲット顧客セグメント

• 登録番号が最大200件のSME
• 複数のアカウントと200件を超える登録モバイル番号を持つエンタープライズ

ユーザー

• 会社の財務目的で請求情報や書類にアクセスする必要のある管理者や経理担当者

ペインポイント

未払い残高の把握が難しい

多様で複雑なSMEおよびエンタープライズの多数のアカウントにわたって残高を把握し続けるのは困難です。

請求記録の管理に時間がかかる

請求書を受け取ったり支払いを済ませたりした後、ユーザーはすべての記録を自分で管理しなければなりません。会社のアカウント数が多いほど、書類の整理に必要な時間は長くなります。

オフラインでの支払い

請求書を持って銀行窓口やdtacカウンターサービスで支払うのは時間がかかり、特に行列があるときは顕著です。

業務範囲

1. 新機能: ユーザーが簡単に請求を支払えるデザインソリューションを提供
2. デザインスタイルガイド: 会社のブランディングとターゲット顧客に沿ったユーザーインターフェースデザインを提供
3. レスポンシブデザイン: デスクトップ、タブレット、モバイルなど複数のデバイスに対応するレスポンシブデザインを提供

私たちの進め方

私たちのゴール: SMEおよびエンタープライズのユーザーが請求情報を管理し、取引履歴にアクセスし、モバイルパッケージの支払いを行えるレスポンシブウェブサイトをデザインすること。

1. ソリューションの発想: ペインポイントに対処するソリューションを発想する。MVPリリースと継続的な開発に向けてユーザーストーリーに優先順位を付ける。
2. ユーザージャーニーの設計: 口座残高の確認からオンライン決済の完了までのユーザージャーニーを設計する。
3. ワイヤーフレームの作成: 期待されるユーザーエクスペリエンスのワイヤーフレームを作成し、クライアントとその開発チームとレビューする。技術的な制約を特定し、デザインをイテレーションする。
4. ユーザーインターフェースデザイン: 会社のブランディングとプロダクトのターゲットユーザーを反映した、レスポンシブウェブ向けのユーザーインターフェースデザインを開発する。
5. デザインデモ: 完成した機能デザインをクライアントにデモンストレーションする。

ユーザーフロー

SMEおよびエンタープライズのユーザーが請求情報を管理し、取引履歴にアクセスし、モバイルパッケージの支払いを行うためのフローを設計しました。

ワイヤーフレームデザイン

望ましいユーザーエクスペリエンスのためのワイヤーフレームを作成し、クライアントとその開発チームとレビューしました。

ビジュアライゼーションデザイン

カラー、アイコノグラフィ、タイポグラフィにわたり、会社のブランディングとターゲット顧客に沿ったユーザーインターフェースデザインを提供しました。

• カラー: #19AAF8、#E5258E、#F29000、#00C249、#41415B
• アイコノグラフィ: プラットフォームのためにデザインされた一貫性のあるアイコンセット
• タイポグラフィ: dtac 2018書体のライト、レギュラー、ボールドウェイト

ユーザーインターフェースデザイン

dtacは、B2Bのお客様が決済サービスと請求管理をより安心して利用できるプラットフォームのデザインをOOZOUに求めました。私たちは経理担当者と管理者のためにこのプラットフォームを構築し、未払い残高の確認、クレジットカード支払いの閲覧、支払い履歴の参照を可能にしました。このプラットフォームはレスポンシブウェブデザインを活用し、あらゆるデバイスタイプで使いやすい体験を提供します。ユーザーはいつでもどこからでも利用できます。

私たちは経理担当者にインタビューを行い、現在のワークフローに合った形式で情報を提示できるようにしました。エンドユーザーと直接関わることで、習得にかかる時間を大幅に短縮できるアプリケーションをデザインすることができました。

残高確認をシンプルに

書類を1件ずつ確認する作業はもう過去のものです。私たちのデザインにより、ユーザーは馴染みのある階層構造で未払い残高を直感的に確認できます。

すべての請求記録の管理

領収書や請求書をより簡単に管理し、書類紛失のリスクを軽減します。

簡単な決済サービス

不便なカウンターサービスや銀行での行列に代わる、シンプルなオンライン決済プロセスを提供します。