グローバルMaaSプラットフォームのUI/UX設計およびデザインシステム構築を担当しました
2025/6/25 09:13
国内外のユーザーが利用するスマートモビリティ事業において、Figmaを用いた多言語対応デザインシステムを構築しました。開発効率の向上と、国境を越えたシームレスなユーザー体験の実装に貢献した事例の詳細をご紹介します。
■ プロジェクトの背景
スマートモビリティ事業は、各国の交通事情・規制・言語・文化に対応する必要があり、プロダクトのグローバル展開において最も難易度の高い領域の一つです。
クライアント様は既に複数地域でサービスを展開されていましたが、地域ごとに個別最適化されたUIが乱立し、以下のような課題が顕在化していました。
同じプロダクトであるにも関わらず、地域ごとに異なるUI体験
機能追加のたびに、各地域版で個別実装が必要となる開発負荷
ブランドの一貫性が保てず、グローバル展開の効率が低下
これらを抜本的に解決するため、多言語・多地域に対応したデザインシステムの構築をDesiaがご支援しました。
■ Desiaの支援内容
1. 既存UIの統合分析
各地域で運用されていたUIパターンを網羅的にリサーチし、共通化できる要素と、地域ごとに変える必要がある要素を構造的に切り分けました。
2. デザインシステムの設計
Figmaのコンポーネント機能、Variants、Variablesを駆使し、一つのソースから多言語・多地域に展開できる設計を構築。テキスト長の伸縮、文字方向の変更、地域別の規制表示なども、システム側で吸収できるアーキテクチャに落とし込みました。
3. UI/UX再設計
統合されたデザインシステムを基盤に、主要画面のUI/UXを全面再設計。ユーザーがどの地域で利用しても、同じ操作感・同じ品質でサービスを受けられる体験を設計しました。
4. 開発チームへのハンドオフ
デザインシステムは作って終わりではなく、開発チームが継続的に運用できる状態まで整えるのが重要です。Figma上のコンポーネント命名規則、トークン設計、ドキュメント整備を行い、エンジニアが迷わず実装できる状態を構築しました。
■ 成果
グローバル全地域で一貫したユーザー体験を実現
機能追加時の地域別実装工数を大幅削減
ブランドアイデンティティの統一によるプロダクト価値の向上
デザインシステムが社内資産として継続運用される基盤を構築
■ Desiaが大切にしたこと
「デザインシステムは、作ることがゴールではない。組織が使い続けられて、初めて価値になる。」
グローバルプロダクトのデザインシステム構築では、設計の美しさよりも運用に耐えうる現実性が問われます。理想的なシステムを描いても、現場の開発フローと噛み合わなければ、半年後には誰も使わないドキュメントになってしまいます。
Desiaが本プロジェクトで重視したのは、「クライアントの開発チームが、Desiaがいなくなった後も自走できるか」という一点でした。そのために、設計フェーズから現場のエンジニアと密に対話し、運用ルールやドキュメントを共に作り上げました。
優れたデザインシステムは、組織の意思決定スピードと品質を同時に引き上げます。本プロジェクトはその実例の一つとなりました。
■ 同様のお悩みをお持ちの企業様へ
「グローバル展開を始めたいが、UIの一貫性をどう保つか悩んでいる」 「複数プロダクトでデザインがバラバラになっており、統合したい」 「デザインシステムを構築したいが、自社だけでは設計しきれない」
こうしたご相談をお持ちでしたら、お気軽にお問い合わせください。プロジェクトの初期フェーズから、貴社のプロダクト特性に最適なデザインシステムの設計をご支援します。
OTHER
その他記事一覧
コミュニティ運営アプリ「Madoi（まどい）」ベータテストを8月25日より開始
事業開発事務所Desiaは、完全自社開発のコミュニティ運営アプリ「Madoi（まどい）」のベータテストを2026年8月25日より開始します。Madoiは、運営からのお知らせとメンバーの投稿を軸にしたSNSライクなUIに、会員管理・月額課金・通知・コンテンツ配信までを1つにまとめたマルチテナント型のプラットフォームです。外部コミュニティSaaSへの依存とランニングコストから運営者を解放し、コミュニティごとに「自分たちのアプリ」として運用できる形を目指しています。
グランフロント大阪のソフトバンク主催イベントに出展、AIでつくったゲーム・アプリの体験ブースを運営
事業開発事務所Desiaは2026年7月25日、グランフロント大阪で開催されたソフトバンク主催イベントの一角にオフライン体験ブースを出展しました。AIで制作したゲームやアプリをその場で起動できるランチャープラットフォームを中心に、子ども向けのRobloxゲーム制作体験、来場者アンケートのリアルタイム可視化までを自社開発の仕組みで運営。「AIは使うだけでなく、つくれる」ことを体験として届ける場となりました。
AIコミュニティにてClaude Codeライブ実践セッションにメインスピーカーとして登壇
2026年5月8日（木）21:00より、オンラインAIコミュニティの第1回実践ライブにて、Desiaのshunがメインスピーカーとして登壇しました。テーマは「Claude Code入門実践ライブ ― はじめてのスキル開発ワーク」。参加者と一緒にリアルタイムでスキルを作り上げる45分のワークショップ形式で、Claudeを業務に活かすための実践ノウハウをお伝えしました。
「自分アップデート、AIコミュニティ-RIALA」立ち上げ伴走支援を行い、リリースしました。
「AIを学ぶ」で終わらせず、「実務で成果に変える」コミュニティへ——株式会社ティーラ様と共に、AI活用コミュニティ「RIALA」の立ち上げを伴走支援しました。コンセプト設計から実装、リリース後の運用設計まで一気通貫で関わったプロジェクトです。
新年のご挨拶とWEBサイトのリニューアルのお知らせ
事業開発事務所Desiaが、オフィシャルWebサイトをフルリニューアル。「点を線でつなぐ」事業開発プロセスを体現したサイトとして、新たに公開しました。
事業開発事務所Desiaの「AI活用ワークショップ」が、業界メディアにて特集されました
弊社のクライアント企業向けプログラム「AIによるディレクション業務効率化ワークショップ」が業界メディアにて特集。組織のスキル底上げを実現する独自アプローチが取り上げられました。
「デザイン経営とデータドリブンDXの融合」について、代表がカンファレンスに登壇します
「DXプロジェクトはなぜ頓挫するのか」——次世代ビジネス開発をテーマにした業界カンファレンスにて、Desia代表が登壇します。AI活用とデザインシステムの実践知から、デザイン経営とデータドリブンDXの融合について解説します。
コードでビジネスを書く。技術選定から参画できるリードエンジニア候補募集
「コードでビジネスを書く」——Desiaは、事業課題の解決そのものを技術で担うリードエンジニア候補を募集します。アーキテクチャ選定から実装まで、フロントエンドからバックエンドまで、フルスタックな視点で事業をグロースさせるポジションです。
0→1でのSaaS立ち上げ支援。BI構築によるデータ経営基盤の確立
「数字で意思決定できる組織」をいかに最初から組み込むか——0→1のSaaS立ち上げにおいて、ビジネスロジック設計とBI基盤構築を一気通貫で支援したプロジェクトです。リリース直後から経営判断を支えるデータ環境を実現しました。
美しさと論理を両立する。ビジネスを加速させるクリエイティブ職の募集
ビジュアルの美しさと、ビジネスを動かす論理。その両方を妥協しないクリエイティブ職を募集します。Desiaでは、UI/UXデザイナーとPM/PdMが製品開発の心臓部として、要件定義からプロトタイピングまでを一気通貫で担います。
インプットのための充電期間（夏季休業）のお知らせと、上半期の振り返り
良いアウトプットは、良いインプットから——Desiaは夏季休業を「充電期間」と位置づけ、上半期の振り返りと新たな知見の蓄積に充てます。下半期に向けたさらなる進化のため、しっかりと立ち止まる時間をいただきます。
AIを「おもちゃ」で終わらせない。実利を生む実装者を募集
「AIを試した、楽しかった」で終わらせず、PLに数字として現れる成果まで伴走する——Desiaは、最新AI・ITツールを駆使してクライアントの組織変革（DX）をリードするコンサルタントを募集します。実利を生む実装者を求めています。
グローバルMaaSプラットフォームのUI/UX設計およびデザインシステム構築を担当しました
グローバル展開するプロダクトに、一貫したユーザー体験をどう届けるか——スマートモビリティ事業のUI/UX設計とデザインシステム構築を担当しました。多言語・多地域対応の課題を、Figmaベースの設計手法で解決した事例です。
【採用】「受託」を超え、「事業」を共創する。コアメンバーの募集開始
単なる作業者ではなく、ビジネスの上流から実装までを担う「事業家」を求めています。Desiaはさらなる事業拡大のため、PM/PdM・UI/UXデザイナー・エンジニア・各コンサルタントの全方位採用を開始しました。共に事業を共創する仲間を募集します。
View more →