page icon

【2026/07/09】決済フォームのUI/UX改善

いつもコングラントをご利用いただき、誠にありがとうございます。 2026/07/09に行ったアップデート内容をお知らせいたします。

🌟 仕様変更

💡

決済フォーム > 決済頻度ボタンのデザインを変更

  • 変更前
    • 決済頻度が単発・毎月・毎年のうち1種類しかない場合でも、複数ある時と同様”押すことが可能な見た目”になっていた
  • 変更後
    • 決済頻度が1種類しかない場合、決済頻度ボタンはグレーアウトして”押すことができないことを明示する見た目”に変更
💡

決済フォーム > 個人・法人の選択方法を変更

  • 変更前
    • 個人・法人はボタン形式で選択するデザインとなっていた
  • 変更後
    • 個人での寄付であることを前提としたデザインとし、法人の場合は「法人として寄付をする」のチェックを付ける形に変更
💡

決済フォーム > メールアドレスに関する注意書きを変更

  • 変更前
    • という文章だった。
  • 変更後
    • という文章に変更し、注意書きの意図が伝わりやすい形に更新
💡

決済フォーム > 住所の各項目名をプレースホルダーのテキストに変更

  • 変更前
    • 郵便番号/都道府県/市区町村/番地以降のテキストがフォームの見出しとなっていた
  • 変更後
    • 上記を見出しではなく、テキスト入力エリア内のプレースホルダーに変更
💡

決済フォーム > クレジットカードのUIとテキストを変更

  • 変更前
    • UI:有効期限とセキュリティコードの入力ボックスが縦に2つ並んでいた
    • テキスト:セキュリティコードを指してCVCと表記されていた
  • 変更後
    • UI:有効期限とセキュリティコードは横に2つ並ぶように変更
    • テキスト:CVCの表記からセキュリティコードに変更
      • 一部CVCの表記が残っている箇所があります。こちらは将来調整予定となります。
💡

決済フォーム > 選択した金額の集計・合計を表示するUIを追加

  • STEP型
    • STEP1とSTEP3に表示されます。
  • 1ページ型
    • STEP1に表示されます。
💡

決済フォーム > フォーム説明文の展開/圧縮ができるように変更

  • この機能は1ページ型決済フォームのみ反映される機能です。
  • フォーム説明文が4行以上ある場合、説明文を折りたたむことができる機能となっています。
💡

決済フォーム > 入力内容をスクロールできる仕様に変更

  • この機能は1ページ型決済フォームのみ反映される機能です。
  • STEP2の入力内容確認画面をスクロール可能な形に変更しています。
  • 寄付者が入力した情報量が多いと、決済を実行するためのボタンが画面の下部に押し流されてファーストビューに収まらない問題があり、こちらの解決を目指した改修となります。

♻️ 機能改善

💡

GOJO会員がポイントで寄付する場合、クレカ未登録でも決済できるように変更

💡

GOJO会員の寄付も支援ルートに集計されるように変更

💡

無料チケットに対する決済もSalesforceに連携されるように改善

💡

Salesforce連携画面に「ステータス」が表示されるようUIを改善

🐞 不具合改修

💡

SNSなどでプロジェクトページのリンクを共有した際、画像が正しく表示されない(時間経過後に表示が崩れる)問題を修正

💡

法人限定で寄付可能なプロジェクトの場合はGOJOアカウントでログインできないように修正

💡

性別の選択が必須の場合、UIの背景色が赤くなるよう修正

💡

プロジェクトを更新すると企業支援型クラファンからプロジェクトが消えてしまう不具合を修正


お寄せいただいたフィードバックを力に、開発一同、さらなる改善を進めてまいります。 お気づきの点がございましたら、お気軽にサポートまでお問い合わせください。 今後ともコングラントをよろしくお願い申し上げます。