このページの本文へ

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,253
2
Anker PowerLine III Flow USB-C & USB-C ケーブル Anker絡まないケーブル 240W 結束バンド付き USB PD対応 シリコン素材採用 iPhone 17 / 16 / 15 / Galaxy iPad Pro MacBook Pro/Air 各種対応 (1.8m ミッドナイトブラック)
Anker PowerLine III Flow USB-C & USB-C ケーブル Anker絡まないケーブル 240W 結束バンド付き USB PD対応 シリコン素材採用 iPhone 17 / 16 / 15 / Galaxy iPad Pro MacBook Pro/Air 各種対応 (1.8m ミッドナイトブラック)
¥1,390
3
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
4
UGREEN USB Type Cケーブル PD対応 100W/5A 超急速充電 USB C ナイロン編み 断線防止 iphone17/16/15シリーズ/iPad/MacBook Pro/Galaxy S24/Matebook/iPad/Xperia等USB-C各種対応(1m, ブラック)
UGREEN USB Type Cケーブル PD対応 100W/5A 超急速充電 USB C ナイロン編み 断線防止 iphone17/16/15シリーズ/iPad/MacBook Pro/Galaxy S24/Matebook/iPad/Xperia等USB-C各種対応(1m, ブラック)
¥1,299
5
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
6
KIOXIA(キオクシア)【日本製】USBフラッシュメモリ 32GB USB2.0 国内サポート正規品 KLU202A032GL
KIOXIA(キオクシア)【日本製】USBフラッシュメモリ 32GB USB2.0 国内サポート正規品 KLU202A032GL
¥937
7
NIMASO ガラスフィルム iPad 第11世代(A16) 2025用/iPad 10.9インチ 第10世代 2022用 衝撃吸収 強化 ガラス 保護フィルム 指紋防止 ガイド枠付き NTB22I574
NIMASO ガラスフィルム iPad 第11世代(A16) 2025用/iPad 10.9インチ 第10世代 2022用 衝撃吸収 強化 ガラス 保護フィルム 指紋防止 ガイド枠付き NTB22I574
¥1,359
8
エルパ(ELPA) 扉付タップラン 電源タップ 延長コード 125V 3m 3個口 ホワイト WBT-N3030B(W)
エルパ(ELPA) 扉付タップラン 電源タップ 延長コード 125V 3m 3個口 ホワイト WBT-N3030B(W)
¥652
9
エレコム 電源タップ 6個口 3m 雷ガード 個別スイッチ ほこりシャッター付 耐熱 PSE技術基準適合 ブラック T-K6A-2630BK
エレコム 電源タップ 6個口 3m 雷ガード 個別スイッチ ほこりシャッター付 耐熱 PSE技術基準適合 ブラック T-K6A-2630BK
¥1,590
10
UGREEN LANケーブル CAT8 1M メッシュLANケーブル カテゴリー8 コネクタ 超光速40Gbps/2000MHz CAT8準拠 イーサネットケーブル 爪折れ防止 シールド モデム ルータ PS3 PS4 Xbox等に対応 1M
UGREEN LANケーブル CAT8 1M メッシュLANケーブル カテゴリー8 コネクタ 超光速40Gbps/2000MHz CAT8準拠 イーサネットケーブル 爪折れ防止 シールド モデム ルータ PS3 PS4 Xbox等に対応 1M
¥699

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

デジタル用語辞典

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