このページの本文へ

Webアプリ開発におけるユーザビリティ向上のためのUI/UX開発支援の実績を公開

Ragate(ラーゲイト)
2025年09月29日

  • この記事をはてなブックマークに追加
  • 本文印刷

Ragate(ラーゲイト)
Figmaを用いた複数案提案と週次定例で“ユーザーフレンドリー”を徹底

Ragate(ラーゲイト)株式会社は、SBギフト株式会社(ソフトバンクグループ)における新サービス「えらべるポチッとギフト」のリリースに向けたWebアプリのUI/UX開発支援実績を公開しました。

SBギフト株式会社 サービスシステム部 平崎 時生 様(右) 法人事業部 熊谷 理子 様(左)

SBギフト株式会社

ソフトバンクグループの一員としてデジタルギフト事業を展開。主力サービスには「ポチッとギフト」や配送型Webカタログギフト「Cesta(セスタ)」があり、キャンペーンや謝礼、福利厚生などで幅広く活用されています。今回、ユーザーがポイントでギフトや配送型商品と交換できる新サービス「えらべるポチッとギフト」のUI/UX開発パートナーとしてラーゲイトが選定されました。

課題・背景

- 社内にデザイン専門チームが不在で、知識・リソースが不足していた
- 発注時に大まかなラフしか用意できず、意図の伝達に不安があった
- 新サービスのリリースに向け、プロによる設計・監修が必要だった

SBギフト株式会社様には、デジタルギフトのシステム開発力やマーケット展開のノウハウはあるものの、社内にデザイン専門のチームが存在しないという課題がありました。

「これまでもデザインは基本的に外部に委託していましたが、前回ラーゲイト様に依頼した際のサポートが非常に手厚く、今回もお願いすることにしました。」(平崎様)

発注時には、複数社との比較検討が行われましたが、コスト面やAWSとの親和性が決め手となり、ラーゲイトの選定に至ったといいます。今回もラーゲイトの知見と実績を活かし、新サービスの前身となる「ポチッとギフト」からのデザイン刷新ならびにユーザビリティ向上を目的とした「えらべるポチッとギフト」の開発プロジェクトがスタートしました。

支援内容

戦略的コミュニケーションと設計の両輪
- デザインフェーズの手厚い伴走
いただいたラフ案の意図を深く汲み取り、1つのUIに対して3~4パターンのデザイン案を提示して方向性の絞り込みを高速化。
- ツール&プロセス
Figmaで具体化・検討を進行し、週1ペースの定例会で意思決定を前に進める運営リズムを確立。
- ユーザーフレンドリーの徹底
- 幅広い年代の利用を想定し、文字サイズやボタン形状など細部までUIを最適化。

本プロジェクトにおいて、ラーゲイトはUI.UXの観点から多くの提案を行い、ユーザビリティの向上に注力しました。
「ラーゲイト様には初期段階から手厚くサポートしていただきました。弊社が提出したラフはExcelなどで作成した簡単なものだったのですが、こちらのざっくりとしたアイデアをFigma上で具体的なデザインに落とし込んでいただき、1つのUIに対して3~4パターンの案を出していただくことで、スムーズに方向性を絞り込めました。」(平崎様)

デザインの方向性についても、幅広い年代の方の利用を想定し「シンプルにするか、華やかにするか」「アイコンやボタンの形状をどうするか」といった、ベースの検討から細かな点まで調整が行われました。

さらに、今後の展開として「一般ユーザー」といった新たなペルソナの追加が必要となったため、「見え方が複雑にならないか」「ターゲット層に適したUIになっているか」 などの課題にも対応。ラーゲイトのサポートにより、バランスの取れたデザインへと落とし込むことができました。


えらべるポチッとギフト

お客様の声
- 「ざっくりしたラフFigmaで具体化し、3~4パターンの提示でスムーズに方向性を絞れた」
- 「週1の定例を通じて、ユーザーフレンドリーで使いやすい方向へ導いてもらえた」
- 「社内テストでも『使いやすくなった』とのポジティブな反応があった」

「約半年間、ラーゲイト様とは週1ペースで定例会を開催しながら、密にやり取りをさせていただきました。おかげさまで、ユーザーフレンドリーで使いやすい方向性に導いていただけたと思っています。」(平崎様)

社内テストの段階時点で、関係者からはポジティブなフィードバックが寄せられたとのことです。
「デモを関係者に見てもらった際、『すごく使いやすくなった』との声をいただき、開発部としても満足しています。」(平崎様)

今後の展望
「えらべるポチッとギフト」は企業のキャンペーン効果最大化に寄与するサービスとして展開が期待され、将来的に一般ユーザー向けへの展開や追加機能実装も予定されています。ラーゲイトは引き続き、UI/UX改善やAWSを活用した開発面でも支援してまいります。
企業情報

事業概要
- AWSサーバーレスで実現する実践的データ利活用
- SaaS戦略とサーバーレス開発を一気通貫で提供
- toC向けUI.UX体験設計からPoC・MVP・内製化を一気通貫支援
- 既存業務の可視化・課題定義を起点に 業務体験の再設計とROI向上を実現
- EOL/EOS超えの段階刷新とBPRでROIを最速創出
- 最先端のAI × DXを1日で速習する生成AI実践講座
- 生成AI開発内製化と継続的リスキリング・組織定着化実現

カテゴリートップへ

本記事はアフィリエイトプログラムによる収益を得ている場合があります

ASCII倶楽部

注目ニュース

  • 角川アスキー総合研究所

プレミアム実機レビュー

ピックアップ
1
KIOXIA(キオクシア) 旧東芝メモリ microSD 128GB UHS-I Class10 (最大読出速度100MB/s) Nintendo Switch動作確認済 国内サポート正規品 メーカー保証5年 KLMEA128G
KIOXIA(キオクシア) 旧東芝メモリ microSD 128GB UHS-I Class10 (最大読出速度100MB/s) Nintendo Switch動作確認済 国内サポート正規品 メーカー保証5年 KLMEA128G
¥2,413
2
【Amazon.co.jp限定】 ロジクール 静音 ワイヤレス トラックボール マウス M575SPd Bluetooth Logibolt 無線 windows mac iPad OS Chrome トラックボールマウス ブラック M575 M575SP 国内正規品 ※Amazon.co.jp限定 壁紙ダウンロード付き
【Amazon.co.jp限定】 ロジクール 静音 ワイヤレス トラックボール マウス M575SPd Bluetooth Logibolt 無線 windows mac iPad OS Chrome トラックボールマウス ブラック M575 M575SP 国内正規品 ※Amazon.co.jp限定 壁紙ダウンロード付き
¥7,313
3
エレコム 電源タップ 6個口 3m 雷ガード 個別スイッチ ほこりシャッター付 耐熱 PSE技術基準適合 ブラック T-K6A-2630BK
エレコム 電源タップ 6個口 3m 雷ガード 個別スイッチ ほこりシャッター付 耐熱 PSE技術基準適合 ブラック T-K6A-2630BK
¥1,899
4
CIO フラットスパイラルケーブル CtoC (Type-C/USB-C) PD 急速充電 平型 磁石 マグネット吸着 まとまる 充電ケーブル PD 240W データ転送 480Mbps 形状記憶 iPhone 17 / 16 / 15 Macbook Pro/Air/iPad用/ノートパソコン Galaxy Google Pixel Android (ライトブラック, 1.5m)
CIO フラットスパイラルケーブル CtoC (Type-C/USB-C) PD 急速充電 平型 磁石 マグネット吸着 まとまる 充電ケーブル PD 240W データ転送 480Mbps 形状記憶 iPhone 17 / 16 / 15 Macbook Pro/Air/iPad用/ノートパソコン Galaxy Google Pixel Android (ライトブラック, 1.5m)
¥2,290
5
Anker USB Type C ケーブル PowerLine USB-C & USB-A 3.0 ケーブル iPhone 17 / 16 / 15 /Xperia/Galaxy/LG/iPad Pro/MacBook その他 Android 等 USB-C機器対応 テレワーク リモート 在宅勤務 0.9m ホワイト
Anker USB Type C ケーブル PowerLine USB-C & USB-A 3.0 ケーブル iPhone 17 / 16 / 15 /Xperia/Galaxy/LG/iPad Pro/MacBook その他 Android 等 USB-C機器対応 テレワーク リモート 在宅勤務 0.9m ホワイト
¥740
6
Anker Zolo USB-C & USB-C ケーブル (240W, 高耐久ナイロン) 1.8m ブラック iPhone 17 / 16 / 15 Galaxy iPad Pro MacBook Pro/Air 各種対応
Anker Zolo USB-C & USB-C ケーブル (240W, 高耐久ナイロン) 1.8m ブラック iPhone 17 / 16 / 15 Galaxy iPad Pro MacBook Pro/Air 各種対応
¥1,590
7
Anker Nano Charging Station (7-in-1, 100W, 巻取り式 USB-C ケーブル) (USBタップ 電源タップ) 【PSE技術基準適合】MacBook iPad iPhone Galaxy Android ブラック
Anker Nano Charging Station (7-in-1, 100W, 巻取り式 USB-C ケーブル) (USBタップ 電源タップ) 【PSE技術基準適合】MacBook iPad iPhone Galaxy Android ブラック
¥9,990
8
Anker iPhone充電ケーブル PowerLine II ライトニングケーブル MFi認証 超高耐久 iPhone 14 / 14 Pro Max / 14 Plus / 13 / 13 Pro / 12 / 11 / X/XS/XR / 8 Plus 各種対応 (0.9m ホワイト)
Anker iPhone充電ケーブル PowerLine II ライトニングケーブル MFi認証 超高耐久 iPhone 14 / 14 Pro Max / 14 Plus / 13 / 13 Pro / 12 / 11 / X/XS/XR / 8 Plus 各種対応 (0.9m ホワイト)
¥990
9
Verbatim バーベイタム 1回録画用 ブルーレイディスク BD-R 25GB 50枚+3枚増量パック インクジェットプリンタ対応 ホワイト 片面1層 1-6倍速
Verbatim バーベイタム 1回録画用 ブルーレイディスク BD-R 25GB 50枚+3枚増量パック インクジェットプリンタ対応 ホワイト 片面1層 1-6倍速
¥2,480
10
ソニー ゲーミングイヤホン INZONE Buds:WF-G700N Fnatic監修/ワイヤレス / 低遅延2.4GHzワイヤレス接続 USBType-Cトランシーバー同梱/LE Audio対応/アクティブノイズキャンセリング/立体音響 / 最大約24時間バッテリー / 急速充電/マイク付き / PS5 スマホ PC Switch グラスパープル
ソニー ゲーミングイヤホン INZONE Buds:WF-G700N Fnatic監修/ワイヤレス / 低遅延2.4GHzワイヤレス接続 USBType-Cトランシーバー同梱/LE Audio対応/アクティブノイズキャンセリング/立体音響 / 最大約24時間バッテリー / 急速充電/マイク付き / PS5 スマホ PC Switch グラスパープル
¥20,800

Amazonのアソシエイトとして、ASCII.jpは適格販売により収入を得ています。

デジタル用語辞典

ASCII.jpメール デジタルMac/iPodマガジン