---
title: "dtac e-care B2B決済プラットフォーム"
description: "SMEおよびエンタープライズのお客様のために、dtacのB2B決済プラットフォームをよりアクセスしやすく使いやすいものにデザインした事例をご紹介します。"
canonical: https://oozou.com/ja/case-studies/dtac-e-care-platform
locale: ja
date: 2021-01-23
client: dtac
industry: Telecommunications
---

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

> dtacのB2B決済プラットフォームをよりアクセスしやすく使いやすいものにデザインし、SMEおよびエンタープライズのお客様が請求情報の管理、取引履歴の確認、モバイルパッケージのオンライン支払いを行えるようにしました。

- Client: dtac (https://www.dtac.co.th)
- Industry: Telecommunications
- Services: UX/UI Design, Design Style Guide, Responsive Web Design
- Team size: 3
- Published: 2021-01-23

## Challenge

dtacには、SMEおよびエンタープライズのお客様がモバイルパッケージを選択しアカウントを管理するためのプラットフォームがすでにありました。しかし、デジタルのエンドツーエンドサービスを提供するには、オフラインからオンラインへのシームレスな移行を実現する上で、決済処理が重要な機能のひとつとなりました。

## Solution

OOZOUは、SMEおよびエンタープライズのユーザーが請求情報の管理、取引履歴の確認、モバイルパッケージの支払いを行えるレスポンシブウェブサイトのデザインソリューションを提供しました。1週間スプリントで、ユーザーエクスペリエンスのワイヤーフレームとユーザーインターフェースデザインを迅速なイテレーションで納品しました。

## プロジェクト背景

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

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

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

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

### ユーザー

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

## ペインポイント

![請求と支払いに関するユーザーのペインポイントのイラスト](https://oozou.com/images/case-study/dtac-e-care-pain-points.webp)

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

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

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

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

### オフラインでの支払い

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

## 業務範囲

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

## 私たちの進め方

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

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

## ユーザーフロー

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

![アカウントアクセスからオンライン決済までのdtac e-careユーザーフロー図](https://oozou.com/images/case-study/dtac-e-care-user-flow.webp)

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

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

![dtac e-careの主要画面のワイヤーフレームデザイン](https://oozou.com/images/case-study/dtac-e-care-wireframes.webp)

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

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

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

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

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

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

### 残高確認をシンプルに

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

![デスクトップとモバイルでのdtac e-care未払い残高画面](https://oozou.com/images/case-study/dtac-e-care-balance.webp)

### すべての請求記録の管理

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

### 簡単な決済サービス

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

![dtac e-careのオンライン決済画面](https://oozou.com/images/case-study/dtac-e-care-payment.webp)

---

Contact OOZOU: hello@oozou.com · +66 2544 0000 · https://oozou.com/ja/contact

More for AI agents: https://oozou.com/llms.txt · every page has a markdown twin at its URL plus ".md"