事例から探せる!UIUXデザイン会社図鑑 » UIUXデザイン・コンサルの目的別事例まとめ » スマホアプリ UIUX事例PICK UP

スマホアプリ UIUX事例PICK UP

スマホアプリくん

スマホアプリのUIUX事例から、
問い合わせしたいデザイン会社を探そう

スマホアプリのUIUXデザインやコンサルティングを外部パートナーに依頼したいと考えている企業のために、スマホアプリのUIUXデザイン・コンサルの実例と、それを手掛けたUIUXデザイン会社をご紹介します。

目次

レンティオ

  • 家電
  • レンタル
  • toC
プロキシモ_レンティオ

引用元:Proximo公式HP(https://www.proximo.co.jp/works/rentio_app/)

家電のサブスク・レンタルのスマホアプリ

レンティオは、あたらいい家電・カメラをお得に使える家電レンタル・サブスクサービス。旅行のために良いカメラを持っていきたい、赤ちゃんが小さい数ヶ月だけベビーラックが欲しい、週末の大掃除に高圧洗浄機を使ってみたいなど、短い期間だけ利用したいと考えるユーザーに対して、向けたサービスです。

レンティオのUIUXデザインここがポイント!

実際に利用して課題の原因を根本から探る

サービス理解を深めるため事前にレンティオを利用し、検討の軸として「ユーザー満足度向上」と「レンタル機会増加による良い購入体験」を設定。そこから「ユーザーが嬉しい」観点でアイデアを出し合った結果、Push通知やレコメンド機能、返却サポート等のアイデアが挙がりました。このアイデアを提供価値に置き換え、「レンタル中の利便性向上」と「商品と出会える」を中心にプロトタイプを作成し、チーム内で価値検証を行いました。

特に「商品と出会える」機能ではPush通知を活用し、気になる商品を保存できる仕組みを検討。そこでWebとアプリの棲み分けが論点となり、アプリの優先度が明確になりました。開発はWebビューを中心に進め、オンボーディングのデザインを担当。Push通知の許諾率向上を目指し、スムーズなアニメーション設計やユーザーの離脱を防ぐ工夫を加えました。

結果、2022年9月時点でアプリはストア評価4.7と高評価を記録。UX5段階モデルを基に丁寧に設計したことが評価につながったと考えられます。

このUIUX事例を手掛けた会社は…?
Proximo
プロキシモ会社イメージ

引用元:株式会社グッドパッチ(https://www.proximo.co.jp/)

Proximoは、企画・開発の初期段階からクライアントと連携し、「ユーザー視点」に立った課題抽出を得意とする企業です。徹底したヒアリングを通じて、業界特有の「分かりにくさ」や「使いづらさ」を明確に言語化し、具体的で実行可能な解決策を提案します。また、デザインから開発、運用改善までを一貫して支援することで、ユーザー体験の向上とビジネス成果の向上を両立させる点が強みとされています。

プロキシモ会社イメージ

引用元:Proximo(https://www.proximo.co.jp/)

SUNTORY+(サントリープラス)

  • ヘルスケア
  • toB
  • サントリー食品インターナショナル
グッドパッチ_サントリープラス

引用元:グッドデザインアワード公式HP 受賞ギャラリー2020(https://www.g-mark.org/gallery/winners/9e381ab8-803d-11ed-af7e-0242ac130002)

企業の健康経営をサポートするスマホアプリ

SUNTORY+(サントリープラス)は、企業で働く従業員の健康生活提案サービスとして、サントリーが提供しているヘルスケアサービスアプリ。楽しく続けられるようハードルを低くし、健康飲料・自販機といったサントリーならではの強みを活用しながら、従業員の健康行動の習慣化をサポートしていくものです。導入から利用まで、すべての基本料金は0円となっています。

SUNTORY+のUIUXデザイン
ここがポイント!

ムリなく健康行動を習慣化できるよう細部まで工夫が!

従業員の健康管理をサポートするサントリープラスは、ユーザーがムリなく健康行動を続けられるようタスクを“低ハードル”に設定。朝食に牛乳を足す・よく噛んで食事をする・いつもより大股で歩くといったタスクを約60種類用意し、実行することで健康行動の習慣化を促します。

さらに、健康行動を継続することで飲料クーポンやポイントが配信されるのも特徴。クーポンやポイントを使えばサントリーの自動販売機で健康飲料と交換できるなど、ユーザーのモチベーションを自然と高める工夫が凝らされています。

また、アプリを使ってウォーキングイベント・セミナーといった健康施策を手軽に実施できるよう設計。ポスターやチラシといった販促ツールもダウンロードできるなど、利便性を高めています。

このUIUX事例を手掛けた会社は…?
グッドパッチ
グッドパッチ会社イメージ

引用元:株式会社グッドパッチ(https://goodpatch.com/company/studios)

デジタルプロダクト開発(UI/UXデザイン)を中心に、ブランド構築・新規事業立ち上げ・デザイン組織支援といった、企業のビジネス課題に幅広くコミット。表面的なデザイン・アウトプットの納品ではなく、戦略立案フェーズからクライアントと共にチームを組み、目標の達成を目指して並走してくれるデザインパートナーとして、名だたる企業から厚い信頼を寄せられているUIUXデザイン専門会社です。また、デザイン会社では国内唯一(2023年7月時点)の上場企業としても知られています。

グッドパッチ会社イメージ

引用元:株式会社グッドパッチ(https://goodpatch.com/company/studios)

CLINICS

  • 医療
  • toC
  • 株式会社メドレー
医療系アプリ「CLINICS」

引用元:株式会社Goodpatch公式HP(https://goodpatch.com/work/clinics)

オンライン診療・服薬指導スマホアプリ

CLINICS(クリニクス)は、ネットを通じて自宅から通院できるオンライン診療・服薬指導アプリ。医師の診察はもちろん、薬剤師の服薬指導も受けることができ、オンライン処方された薬剤は自宅に配送されるという仕組みです。通院の負担軽減だけでなく、医療サイドの診療効率の改善も期待できるクラウド診療支援システムです。

CLINICSのUIUXデザイン
ここがポイント!

患者視点で使いやすいアプリにリデザイン!

CLINICSは、患者中心の医療実現をサポートするオンライン診療システム。UIUXデザインの専門会社であるGoodpatch(グッドパッチ)が、このアプリのデザインリニューアルの支援を行いました。

オンライン診療・予約・問診・ビデオ通話・支払まで一元管理できるCLINICSの利便性を高めるため、リアルの通院体験をオンライン向けにブラッシュアップ。CLINICSでは、診療から服薬指導までの動線に迷うユーザーが増加していましたが、アプリに処方箋がアップロードされるとトップページに内容が表示されるUIにリデザイン。ユーザーエクスペリエンスの向上を実現しています。

また、文字の読みにくさへの配慮として、iOS上でデフォルトの文字の大きさを変えられるDynamic Typeを導入するなど、使いやすいアプリデザインを形にしています。

CLINICSの事例を詳しく見る

このUIUX事例を手掛けた会社は…?
グッドパッチ
グッドパッチ会社イメージ

引用元:株式会社グッドパッチ(https://goodpatch.com/company/studios)

デジタルプロダクト開発(UI/UXデザイン)を中心に、ブランド構築・新規事業立ち上げ・デザイン組織支援といった、企業のビジネス課題に幅広くコミット。表面的なデザイン・アウトプットの納品ではなく、戦略立案フェーズからクライアントと共にチームを組み、目標の達成を目指して並走してくれるデザインパートナーとして、名だたる企業から厚い信頼を寄せられているUIUXデザイン専門会社です。また、デザイン会社では国内唯一(2023年7月時点)の上場企業としても知られています。

グッドパッチ会社イメージ

引用元:株式会社グッドパッチ(https://goodpatch.com/company/studios)

赤ちゃんの頭のかたち測定

  • 医療
  • toC
  • 株式会社ジャパン・メディカル・カンパニー
アプリ「赤ちゃんの頭のかたち測定」

引用元:株式会社THE GUILD公式HP(https://theguild.jp/works/3373)

赤ちゃんの“頭のゆがみ”を計測するスマホアプリ

「赤ちゃんの頭のかたち測定」は、3ステップで赤ちゃんの頭のゆがみを測定するアプリです。スマホで撮影した画像をもとに、頭の形のゆがみ度をグラフで可視化。何かしらの問題があった場合に、すぐ専門医に相談できるよう開発されています。アプリの内容については、専門医が全面的に監修。専門機関への相談につなげられる動線も設計されています。

赤ちゃんの頭のかたち測定のUIUXデザイン
ここがポイント!

シンプルな動線と操作性へのこだわりに注目

誰でも簡単に使える操作性を重視しており、撮影→調整→簡易診断という3ステップで赤ちゃんの頭のゆがみレベルを診断できるUIUXが特徴。最初のステップである撮影については、高精度のスキャンを行えるインタラクション設計となっています。

また、「後頭部が絶壁」「頭が長い」「形が左右非対称」といったゆがみレベルが分かるだけでなく、専門機関へ相談できるという動線もシンプルに設計。専門医が全面監修しているため、アプリでの測定結果は診療時にも役立つものとなっています。

こうした操作性・UI・動線設計が高い評価を受け、当アプリは「2022年度グッドデザイン賞」(主催:公益財団法人日本デザイン振興会)を受賞しています。

赤ちゃんの頭のかたち測定の事例を詳しく見る

このUIUX事例を手掛けた会社は…?
THE GUILD(ザ・ギルド)
ザ・ギルドの会社イメージ

引用元:株式会社 THE GUILD(https://theguild.jp/company)

それぞれのメンバーが高い専門性・自律性を持っているTHE GUILDは、ギルド型のクリエイティブファーム(個々の裁量や自由を尊重した組織運営。プロジェクトが発生すると能力を持ったメンバーを集め、一つのチームとして機能)。各プロジェクトのニーズに合わせて、デザイナー・エンジニア・データアナリスト・ビジネスストラテジストといったメンバーの中から適した人材をアサイン。課題定義からグロースに至るまで、一気貫通のコミットを可能としています。

ザ・ギルドの会社イメージ

引用元:株式会社 THE GUILD(https://theguild.jp/company)

スーパーマーケット「Big C」のスマホアプリ

  • 小売
  • toC
  • Big C
ショッピングアプリ改善

引用元:引用元:株式会社フォーデジット公式HP(https://www.4digit.com/projects/bigc-01/)

タイの大型スーパーショッピングアプリ改善

タイやベトナムを中心に展開している、大型スーパーマーケットであるBig C。Big C PLUSアプリは、オンラインショップ・ポイントやクーポン機能・決済といった、ショッピング関連機能をひとつに集約したアプリとなっています。とくにオンラインショップは食品・日用品・中古品に至るまで、豊富な品揃えが魅力です。

Big CのUIUXデザイン
ここがポイント!

機能の統合で快適なショッピング体験を実現!

スーパーマーケットのアプリをはじめとするデジタルサービスは、オンラインショップやオンライン決済、クーポン機能など多岐にわたります。Big Cでは、それらの機能がいくつかのアプリに分かれてしまっており、利便性についての課題を抱えていました。

そこで、UIUXデザイン会社である「FOURDIGIT(フォーデジット)」が、複数のアプリに分かれていた機能をひとつに集約し、誰もが使いやすいアプリを実現。これまでユーザーはいくつものアプリをダウンロードする必要がありましたが、機能が統合されたことで快適なショッピング体験を得られるようになりました。

また、デザインについても徹底的にユーザーリサーチを行い、操作が最小限になるよう設計。テキストではなくアイコン・写真を多用することで、直感的な操作ができるようにしています。

このUIUX事例を手掛けた会社は…?
FOURDIGIT
(フォーデジット)
フォーデジットの会社イメージ

引用元:株式会社フォーデジット(https://www.4digit.com/about/studios/tokyo)

FOURDIGIT(フォーデジット)は、2001年の創業から現在に至るまで、ビジネスとユーザーを結び付けるデジタルデザインを提供。日本国内はもちろん、世界各国のあらゆる企業にとってのプロフェッショナルパートナーとして、デジタル施策・DX・サービス創出に伴走し続けています。幅広い年齢・国籍のメンバーが揃っているのも特徴です。

フォーデジットの会社イメージ

引用元:株式会社フォーデジット(https://www.4digit.com/about/studios/tokyo)

イオンウォレット

  • 金融
  • toC
  • イオンクレジットサービス株式会社
イオン金融アプリ

引用元:引用元:株式会社フォーデジット公式HP(https://www.4digit.com/projects/aeon-01/)

カード利用者向けの公式スマホアプリ

イオンカードの公式アプリであるイオンウォレットは、利用金額の明細や保有ポイントの確認、ポイント交換、クーポンの受け取りなどを行えるスマートフォン用アプリ。バーコード決裁「AEON Pay」のほか、イオンのクレジットカード・デビットカード、電子マネーWAONカードなどを登録することが可能。最新情報のチェックも行えます。

イオンウォレットのUIUXデザイン
ここがポイント!

幅広い層に受け入れられるUI設計がポイント

大型アプリのリニューアルにあたり、コアユーザーである30~50代の女性だけでなく、今後実装したいサービスのユーザー層も踏まえてUX・UIデザインを検討。ワクワク感を届けるような親しみやすさ、誰でも受け入れやすいシンプル&クリアをデザインキーワードとしています。また、優先されやすい行動・位置づけに合わせてUIパターンを分類し、サイト・アプリの共通ルールとして適用。世界観の連続性と、操作の明快さを実現しています。

システム面では、静的コンテンツ・動的アプリケーション双方のアーキテクチャを刷新。必要なサービスのみを集読み込みできるよう設計し、なめらかなUXを提供しています。また、アプリ側の追加機能・外部システムとの連携も容易にできるなど、利便性の高いアプリに仕上がっています。

このUIUX事例を手掛けた会社は…?
FOURDIGIT
(フォーデジット)
フォーデジットの会社イメージ

引用元:株式会社フォーデジット(https://www.4digit.com/about/studios/tokyo)

FOURDIGIT(フォーデジット)は、2001年の創業から現在に至るまで、ビジネスとユーザーを結び付けるデジタルデザインを提供。日本国内はもちろん、世界各国のあらゆる企業にとってのプロフェッショナルパートナーとして、デジタル施策・DX・サービス創出に伴走し続けています。幅広い年齢・国籍のメンバーが揃っているのも特徴です。

フォーデジットの会社イメージ

引用元:株式会社フォーデジット(https://www.4digit.com/about/studios/tokyo)

モバイルアプリのUIUXデザイン会社を選ぶ際のFAQ集

Q1. デザイン会社に依頼できる作業範囲はどこまでですか?

デザイン会社によって対応範囲は異なりますが、一般的に以下の作業を依頼できます。

基本的な作業範囲:

  • ユーザーリサーチ(ターゲットユーザーの調査・分析)
  • 情報設計(画面構成や機能の整理)
  • ワイヤーフレーム作成(画面の骨組み設計)
  • プロトタイプ制作(実際の動きを確認できる試作品)
  • ビジュアルデザイン(最終的な見た目のデザイン)
  • デザインガイドライン作成(デザインルールの文書化)

追加で依頼可能な作業:

  • ブランディング(ロゴやアプリアイコンのデザイン)
  • イラスト・アイコン制作
  • モーションデザイン(動きのあるUI表現)
  • ユーザビリティテスト(実際のユーザーによる使用テスト)
  • 開発実装のサポート

会社によっては開発まで一貫して対応できる場合もあります。依頼前に、どこまでの作業を自社で行い、どこから外注するのかを明確にしておくことが重要です。

Q2. UIUXデザインの費用相場はどのくらいですか?

一般的な相場は以下の通りです。

小規模案件(30万円~100万円):

既存アプリの部分的な改修や、10画面程度の簡単なアプリのデザインが該当します。基本的なUIデザインとワイヤーフレーム作成が中心となります。

中規模案件(100万円~300万円):

一般的なアプリの初期開発におけるデザイン費用は、100〜300万円程度が目安となります。20~50画面程度のアプリで、ユーザーリサーチやプロトタイプ制作を含む標準的な案件です。多くの企業がこの価格帯で依頼されています。

大規模案件(300万円~600万円以上):

UI/UXデザインは150~600万円という相場もあり、複雑な機能を持つアプリや、詳細なユーザーリサーチ、ブランディングまで含む総合的なプロジェクトが該当します。金融系アプリやECアプリなど、高度な設計が必要な場合はこの価格帯になることが多いです。

相場に影響する主な要因は「設計の複雑さ」「必要な画面数」「リサーチの深さ」です。また、納期や修正回数、デザイン会社の規模や実績によっても費用は変動します。

Q3. 見積もりを比較する際のポイントは何ですか?

単純に金額だけで比較するのではなく、以下のポイントを確認することが重要です。

見積もり内容の詳細確認:

  • 作業工程ごとの内訳が明記されているか
  • 修正回数の制限があるか(通常2~3回が一般的)
  • 納品物の形式(デザインデータの種類など)
  • 追加費用が発生する条件

比較すべき項目:

  • デザインプロセスの充実度(リサーチやテストの有無)
  • 過去の実績と類似案件の経験
  • プロジェクト体制(担当者の人数やスキル)
  • アフターサポートの内容

1社だけの見積もりでは比較対象がなく、適正価格の判断が難しいため、必ず複数社から見積もりを取ることをおすすめします。ただし、あまりに安い見積もりには注意が必要です。必要な工程が省かれていたり、経験の浅いデザイナーが担当する可能性があります。

Q4. デザイン会社を選ぶ際の基準は何を重視すべきですか?

デザイン会社選びで失敗しないために、以下の基準を総合的に判断することが大切です。

重要ポイント:

  1. 実績と専門性 — 自社の業界やアプリの種類に近い実績があるかを確認します。ECアプリならEC実績が豊富な会社、金融アプリなら金融業界の知見がある会社を選ぶと良いでしょう。
  2. デザインプロセス — きちんとしたプロセスを持っているかが重要です。ユーザーリサーチから始まり、プロトタイプでの検証を経て、最終デザインに至る体系的なプロセスがある会社は信頼できます。
  3. コミュニケーション — 初回の打ち合わせでの対応を見て判断します。専門用語を使わずに分かりやすく説明してくれるか、質問に的確に答えてくれるかがポイントです。

その他の確認事項:

  • プロジェクト体制(専任担当者がつくか)
  • 納期の実現可能性
  • 契約条件(知的財産権の扱いなど)
  • アフターフォロー体制
Q5. デザイン制作の期間はどのくらいかかりますか?

プロジェクトの規模や内容によって異なりますが、一般的な目安は以下の通りです。

小規模プロジェクト(10画面程度):

  • 期間:1~2ヶ月
  • 簡単な機能改修やデザインリニューアル

中規模プロジェクト(20~50画面):

  • 期間:2~4ヶ月
  • 新規アプリの標準的なデザイン制作

大規模プロジェクト(50画面以上):

  • 期間:4~6ヶ月以上
  • 複雑な機能を持つアプリや、詳細なリサーチを含む案件

各工程の一般的な所要時間:

  • ユーザーリサーチ・要件定義:2~3週間
  • 情報設計・ワイヤーフレーム:2~3週間
  • ビジュアルデザイン:3~4週間
  • プロトタイプ制作・修正:2~3週間

ただし、これらは目安であり、修正の回数や承認プロセス、開発との連携によって前後します。スケジュールに余裕を持って計画を立てることが重要です。

Q6. 発注前に準備しておくべきことは何ですか?

スムーズなプロジェクト進行のために、以下の準備をしておくことをおすすめします。

必須の準備事項:

  1. 1. 目的と目標の明確化 — なぜアプリを作るのか、どんな課題を解決したいのかを明確にします。例えば「ECサイトの売上を20%向上させたい」など、具体的な目標があると良いでしょう。
  2. 2. ターゲットユーザーの定義 — 誰が使うアプリなのか、年齢層、性別、利用シーンなどを整理しておきます。
  3. 3. 予算の確保 — デザイン費用だけでなく、開発費用も含めた全体予算を把握しておきます。多くの場合、おおよそ全体の制作予算の20%程度が「設計・デザイン」に充てられます。
  4. 4. 機能要件の整理 — アプリに必要な機能をリストアップしておきます。優先順位をつけておくとなお良いです。

あると良い準備:

  • 競合アプリの調査
  • 参考にしたいデザインの収集
  • 既存システムとの連携要件
  • ブランドガイドライン(ロゴ、カラーなど)
Q7. デザイン会社とのコミュニケーションで気をつけることは?

良いアプリを作るためには、デザイン会社との円滑なコミュニケーションが不可欠です。

コミュニケーションのポイント:

  1. フィードバックは具体的に — 「なんとなく違う」ではなく、「ボタンが小さくて押しにくそう」「色が暗くて印象が重い」など、具体的に伝えることが大切です。
  2. 定期的な進捗確認 — 週1回程度の定例会議を設けて、進捗状況を確認します。問題が起きたときに早期発見・対応ができます。
  3. 決定事項の文書化 — 口頭での約束だけでなく、メールや議事録で決定事項を残しておきます。後々のトラブルを防げます。
  4. 窓口の一本化 — 社内の意見を集約してから伝える担当者を決めておきます。複数の人から異なる指示が出ると混乱の元になります。
  5. レスポンスの迅速化 — デザイン会社からの質問や確認事項には、できるだけ早く回答します。回答が遅れると全体のスケジュールに影響します。

ヒント:すべてをテキストで伝えるのではなく、スクリーンショットや簡単なプロトタイプを用いた共有は誤解の防止に役立ちます。

当ページは下記ページの事例を参照しております。
事例1参照元:株式会社Goodpatch公式HP (https://goodpatch.com/work/suntory)
事例2参照元:株式会社Goodpatch公式HP (https://goodpatch.com/work/clinics)
事例3参照元:株式会社THE GUILD公式HP (https://theguild.jp/works/3373)
事例4参照元:株式会社フォーデジット公式HP (https://www.4digit.com/projects/bigc-01/)
事例5参照元:株式会社フォーデジット公式HP (https://www.4digit.com/projects/aeon-01/)

3-SERECTIONS
特集
目的で選ぶUIUXデザイン会社3選

UIUXデザイン会社といっても、それぞれ得意とすることに違いがあります。
まずはUIUXデザイン会社に依頼して何をしてもらいたいのかを考えた上で、企業を選定すると良いでしょう。
ここではUI/UXデザイン会社に依頼する目的別に、それぞれおすすめの会社を紹介します。

業務システムなら ARアドバンストテクノロジ
ARアドバンストテクノロジ公式HPのキャプチャ画像
引用元URL:ARアドバンストテクノロジ公式HP
(https://ari-jp.com/)
現場が納得するまでモックを改修し
高いユーザー満足度を実現
開発の要件定義からデザイナーが並走し、完成がわかるモックを早期に共有。社内サーベイとヒアリングを活かしつつアウトプットを繰り返し、現場が本当に使いやすい設計を追求。
複雑が要件定義が必要となる金融・製造・製薬業界の業務システムにも多数の実績を持つ。
主な業務システム改善事例
  • 銀行・証券 SFAアプリケーション
  • 製薬業 製薬統合システム
ユーザーアプリなら
Proximo
Proximo公式HPのキャプチャ画像
引用元URL:Proximo公式HP
(https://www.proximo.co.jp/)
ユーザー行動分析を設計に
落とし込み購買・成約率向上
ユーザーインタビューなどのUXリサーチから、ユーザー行動を含めたデータの分析を行い、それを基に「使いやすい」だけでなく購買行動を促す設計を実現。
非会員の無料体験導線事例では、CTR+23%、CVR+22%、課金開始+9%を実現。デザインの力で、成約率を底上げできる。
主なUIUX改善事例
  • 日本経済新聞社 日本経済新聞電子版
  • レンティオ株式会社 Rentio
企業サイトなら Goodpatch
Goodpatch公式HPのキャプチャ画像
引用元URL:Goodpatch公式HP
(https://goodpatch.com/)
社内外からの印象をリサーチし
ブランドイメージを確立
経営・マーケティング・採用など多部門に及ぶリサーチで、社内のブランド認識を定量的に分析。「企業としてどう見られたいか」を明確化。
自社開発のデザインシステムにより、複数サイト間でも統一感を保持。関連メディアや新事業でも継続的にズレのないブランディング施策を打てる。
主なUIUX改善事例
  • 双日テックイノベーション
  • 東京ガス