デザイナーのhamoと申します。
料金ページデザインを提案させていただきます。
▼イメージ・コンセプト
「既存ページとの統一感」「わかりやすさ」「タブレット・スマホ対応」
「メンテナンスの容易さ」「お客様の導線」等を考え制作いたしました。
色・ボタンの形は既存ページを踏襲することで、統一感を持たせました。
HTML、CSSのみで製作可能となっております。
・わかりやすさ
旧来の表の場合、項目名(見出し)と数値の距離が離れていて、目線移動が多く煩雑です。
プランごとに見出しを含めて表記したほうが、直感的にわかりやすくなります。
(料金表など、近年この形式が多くなっています。)
・タブレット、スマホ対応が可能かつ容易
旧来の表の場合、幅が狭くなった場合に横スクロールが必要になり見にくくなってしまいます。
プランごとにまとめた形式だと、プランを横並び→縦並びに変更するだけなので、
手間をかけず容易に見やすいタブレット・スマホ対応ができます。
※縦並びのスマホ版デザインも添付しております
※タブレット・スマホ対応のコーディングについて、もし不明な点等ありましたらアドバイス可能ですのでお気軽にご相談ください。
・メンテナンスが簡単
旧来の表(tableタグ)の場合、HTMLの形式上直感的に配置がわかりにくいため、
メンテナンス時に「記載ミス」が起こりやすくなっています。
プランごとに項目がまとまっていると、メンテナンスが容易で記載ミスを防ぎます。
・お客様の導線(「申し込み」ボタンの位置)
「申し込み」ボタンを上部(ファーストビュー)に配置することで、
「プラン検討済で、申し込みが目的のお客様」がスムーズに申し込みができるように、
また、「検討中のお客様」に対しては料金シュミレーションへの誘導ができるようにしました。
色変更や別パターンなど、お気軽にご相談ください。
ご検討のほど、よろしくお願いいたします。
▼納品について
jpg形式、png形式、adobeXDまたはIllustrator(ai)形式での納品が可能です。
▼ご質問・ご要望等あればこちらまで
https://www.lancers.jp/profile/hamomo?ref=header_menu
「相談する」から、なんでもお気軽にご連絡ください。
