わざわざ出かけなくても、自宅でショピングができてしまう時代。インターネット利用者の約9割が、ネットショッピングを経験しているとも言われており、もはや日常生活において欠かせない存在といっても過言ではないかもしれません。そんな中今回は、ECサイトに欠かせない、支払いフォームデザインのインスピレーション集「30 Amazing Payment Form Designs for Your Inspiration」の紹介です。

Credit Card Checkout by Patryk Zabielski – Dribbble

払いフォームと言ってもレイアウトやUIデザインは様々。今回はいくつか気になるものをピックアップしてみました。

詳しくは以下

Daily UI 002 – Credit Card Checkout by Catrinescu Narcis  – Dribbble
シンプルでデザイン感のあるフォームですね。カラーを変更するだけでもガラッと雰囲気が変わるので、デザインに合わせてアレンジしてみてはいかがでしょうか。
　
　
　

Daily UI Challenge on Behance
選択している商品や数量が一目で分かるレイアウトのフォームです。使いやすく、分かりやすいのでアイテムをまとめて購入するようなサイトに最適です。
　
　
　

Daily UI #002: Credit Card Checkout UI by YUE. – Dribbble
スマートフォンからのショッピングを重視したフォームです。IDを打ち込むのではなく指紋認証を採用している点でも使い勝手が良さそうですね。

　
PCからの利用が多かったネットショッピングですが、スマートフォンからの利用者は非常に多くなってきていますので、双方を賄うUIやフォームもスマートフォン向けのデザインが必要なシーンがほとんどのはず。今回紹介したサイトにはPC、スマートフォン問わず参考になるフォームデザインが集約されていますので、是非チェックしてみてください。

30 Amazing Payment Form Designs for Your Inspiration