TOA株式会社様
音声合成サービス「YUTTE」のUX/UIデザイン・フロントエンド開発
「だれでも簡単に、伝わる放送を」を形に。音声合成サービスの新市場を共創
TOA株式会社様は、業務用・プロ用の音響機器、防犯・監視カメラなどのセキュリティ機器を手がける専門メーカーです。
ジークスは、TOA様の新規事業「音声合成エンジンを用いてアナウンス放送を生成できるクラウドサービス」の立ち上げに参画。市場ポジショニング・競合分析などのサービスデザイン支援から、UX/UIデザイン、Reactによるフロントエンド開発までを担当しました。本サービス「YUTTE」は2023年度グッドデザイン賞を受賞しています。
CHALLENGE
課題
「使ってみたい」と思わせたい。でもデザインの方向性が定まらない
プロジェクト開始当初、TOA様の内部には「だれでも簡単に操作できる、使ってみたいと思われるサービスにしたい」という強い想いがありました。一方で、それを実現するための具体的なデザインの方向性は、まだ定まっていない状態でした。
そこでジークスは、TOA様が実施した市場調査・ユーザーヒアリングの結果をもとにターゲット市場を深掘り。TOA様ならではの強みを言語化し、目指すべきデザインの方向性をご提案しました。
APPROACH
アプローチ
01
百貨店ではなく、観光地や工場へ。"放送に困っている人"に狙いを定める
音響機器の導入ユーザーへのヒアリング結果から、新規サービスの市場ポジショニングを検討しました。セグメンテーションの結果、放送アナウンスを頻繁に使う百貨店やショッピングモールではなく、放送を十分に活用できていない観光地・公園・公共施設・工場などのユーザーが「使いやすい」と感じるデザインを目指すことにしました。
さらに競合の音声合成サービスを比較し、サービス内容・ビジネスモデル・特徴を整理。BGMと放送用音源を合成してブラウザで簡単に生成できるサービスは少なく、競合優位性を持てることを改めて確認しました。
02
カスタマージャーニーマップで、利用シーンのどこに価値があるかを見極める
UXデザインの手法のひとつであるカスタマージャーニーマップを用いて、ターゲットユーザーごとのシナリオを作成しました。ユーザーの利用シーンのどこにサービス価値があるのかを、UXの観点から見極めていきました。
03
複雑な音声合成エンジンを、誰でも触れるシンプルなGUIへ
音声合成操作の敷居を下げ、誰でも簡単に使えるGUIをコンセプトに、親しみやすさとユーザビリティを意識したUIデザインに仕上げました。シンプルなUIと、複雑な音声合成エンジンの内部ロジックをシームレスに繋ぐフロントエンドを、Reactによる開発で実装しました。
OUTCOME
成果
文章を用意すればサッと放送。1日十数回のマイク放送業務を効率化
市場ポジショニング・競合分析といったサービスデザインから共創したことで、「だれでも、簡単に、伝わるアナウンス放送を生成できる音声合成サービス」を実現しました。実際に利用したユーザー様からは「文章だけ用意すればサッと流せるので、音声コンテンツの作成がラクになった」「1日十数回マイクで行っていた放送業務が効率化された」と好評の声をいただいています。
β版での検証を経て、現在は正式版がリリースされ、店舗案内や防災放送など幅広いシーンで活用されるサービスへと成長しています。ジークスは引き続き、TOA様の新たなビジネスモデルの確立に貢献していきます。
ユーザー視点を起点にしたサービスデザインとUI/UXは高く評価され、本サービス「YUTTE」は2023年度グッドデザイン賞を受賞しました。
サービス公式サイト：音声合成サービス YUTTE（ゆって）
グッドデザイン賞 受賞ページ：2023年度 グッドデザイン賞「YUTTE」
PROJECT
プロジェクト概要
| 開発期間 | 9ヶ月 |
|---|---|
| デバイス | PC、スマートフォン、タブレット |
| 提供範囲 |
サービスデザイン（市場ポジショニング・競合分析） UX・UIデザイン フロントエンド開発 |
| 採用技術 | React |
| クレジット |
Project Manager：Haruhiko Tatsumi Project Leader：Ryo Endo Engineer：Yoichi Sakai Director：Yuka Nagata, Moe Wada, Yuki Ushironaka Designer：Nodoka Kuroishi, Mizuki Nakamichi Illustrator：Makoto Sugano |
CLIENT VOICE
クライアントボイス
TOA株式会社 グローバル開発本部 コネクテッドビジネス部 サービスビジネス課 第2グループ
犬飼 一之 様
「我々だけでは思いつかない素晴らしい案。社内外で好評という結果につながった」
本プロジェクトに関しては、UI/UXに関しては妥協をしたくない、という強い想いがありました。その想いを含め、弊社内で開発委託先の相談をしたところ、弊社の海外向けサイトの開発を担当したジークス様を紹介していただいたのが、ご依頼のきっかけでした。
実際にデザインのご提案の際には、我々だけでは思いつかないような素晴らしい案を出していただき、またそのデザインのおかげでサービスリリース後も社内外含め好評という結果につながりました。本サービスはこれで終わりではなく、これからも進化を続けていく必要があるため、今後ともジークス様にご相談させていただきたいと思います。ありがとうございました。
STAFF VOICE
スタッフボイス
プロジェクトリーダー
遠藤 亮（エンドウ リョウ）
本プロジェクトは、フロント開発とAPI開発で他社と協業する体制となり、TOA様を含めた3社の目線がずれないことを強く意識しました。TOA様で策定済みのUXコンセプトのほか、プロジェクトの目的の言語化、ターゲット策定、ユーザーシナリオ作成など、本サービスの達成目標を見える化することで、大きな認識の齟齬もなく進行できたと感じています。TOA様のリーダーシップあってこそ、とても進めやすく楽しめたプロジェクトでした！
システムエンジニア
酒井 洋一（サカイ ヨウイチ）
私はソースコードレビューやサーバデプロイなど、開発面の技術的なサポートに入りました。今回はReactを利用した案件で、高度なスキルを持ったメンバーがいたからこそ活用できたと思っています。今回リリースのβ版がどのように利用いただけるか楽しみです。
ディレクター
永田 裕佳（ナガタ ユウカ）
「放送アナウンスの音声合成」という少し敷居の高いサービスを、ユーザーフレンドリー化する本プロジェクトに興味深く取り組むことができました。「YUTTE」はUIのシンプルさとは裏腹に、内部は複雑なロジックで構成されています。TOA様とジークス、バックエンド開発ベンダー様の3社で仕様を綿密に確認し、Reactエンジニアの尽力で無事構築することができました。特にTOA様には、検証期間に細部までご確認いただき、良質なサービスになったと感じています。今後のビジネス展開で、広くユーザー様に使っていただくことを期待しています。
OTHER SERVICES
サービス一覧
実績・領域・融合・品質で支える
AI・セキュリティ・ガバナンス基盤