2013/7/5

Web制作

お問い合わせフォームのWebデザイン まとめ

お問い合わせフォームのWebデザインをまとめました。
Webサイトには必ずといって良いほど必要なページで、作る機会は多々ありますが、tableのCSSデザインや、説明のテキスト、プライバシーポリシーの配置場所など、シンプルなだけに以外と悩むものかなと思います。

(各サイトのピクチャですが、動的に取得しているので上手く表示されていません。。すいません。。
デザインはリンク先でご確認ください。)

JUGEM

https://secure.jugem.jp/support/inq.php

気分をアイコンで入力するという発想がかわいらしくて、クレームも和らぎそう。

XSERVER

https://www.xserver.ne.jp/support/

「よくある質問」や「マニュアル」へまず誘導、それでも解決しなければコールセンターや問い合わせフォームへ、という導線が明確。

ロフトワーク

https://reg26.smp.ne.jp/regist/is?SMPFORM=pir-mbmcn-6a87d613ac8dc47affaaf12eff397142

入力項目も文字も大きく、見やすい。

日立ソリューションズ

https://www.hitachi-solutions.co.jp/inquiry/

「入力」「確認」「完了」の3ステップあるということがわかりやすい。

ブリッジコーポレーション

https://web.bridge-net.jp/inquiry/

入力欄をクリックすると、必須項目の場合は「入力してください」と補足文が表示される。

郵便局

https://www.japanpost.jp/faq/form/

郵便番号検索は自社の検索ページへ別ウィンドウで誘導。

FUBUKI

http://fubuki.com/contact/

プライバシーポリシーがフォームの下や別ページではなく横に掲載されているので、目につきやすい。

CA technologies

http://www.ca.com/jp/about-us/local/japandirect-form.aspx

個人情報の取り扱いに同意した上で、次ページでフォームが表示。

東武動物公園

https://www.tobuzoo.com/form/contact/

お急ぎの時はお電話へ、と電話番号や受付時間を大きく掲載。

wowwow

https://www.wowow.co.jp/support/contact_term.php

「個人情報保護方針について」が長くなるのでiframe表示。

Share on Facebook2Tweet about this on Twitter

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

こちらもあわせてどうぞ