開発チーム

リダイレクト型画面のUIを変更しました

Share facebookX|twitter

index

                 
    fincode開発チームです!

    先日、リダイレクト型決済画面のUI変更を行いましたので紹介します!

    目的

    お客様のご意見で、「リダイレクト型のデザインがイマイチ」とのお声があり、
    より良いデザインを目指し、デザインを一新しました。

    リダイレクト型とは
    加盟店様で決済画面を構築することなく、購入者にfincodeが提供する決済画面にリダイレクトさせるだけで決済を完了できる機能です。

    詳しくはこちら
    https://docs.fincode.jp/payment/redirect_type

    新デザイン決済画面のイメージはこちらです!

    ■新デザイン

    ■旧デザイン

    変更ポイント

    • 色のパターンをシンプルにしました。
    • モバイルファーストを意識して、縦画面1本に変更。
      お支払い情報確認~お支払い までの目線の負荷を減らしました。

    ■新デザイン

    ■旧デザイン

    • カーソルを当て直さなくても、有効期限MMを入力すれば、YYに自動で遷移するようにしました。
    • プレースホルダーの冗長な説明をシンプルなものに変更しました。
      直感的に入力すべき内容が伝わる(はず)なので、余計な情報は削除して見やすさを重視しました。

    ■新デザイン

    ■旧デザイン

    今後もお客様のご意見ヒアリング(&エゴサ)を続け、より良い物にしていきたいと思います。

    この記事をShareする facebook X|twitter
    fincode byGMOはスタートアップが成功するために設計されたオンライン決済インフラです。直感的なAPIやローコードコンポーネントで工数少なく実装可能です。
    開発チーム
    開発チーム
    fincode開発チームです! fincodeの仕組みや構築方法のTipsを紹介していきます。

    関連事例