ウェブデザイナー、
子育てとフリーランス

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

AD

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

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

JUGEM

Screenshot of secure.jugem.jp

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

XSERVER

Screenshot of www.xserver.ne.jp

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

ロフトワーク

Screenshot of reg26.smp.ne.jp

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

日立ソリューションズ

Screenshot of www.hitachi-solutions.co.jp

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

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

Screenshot of web.bridge-net.jp

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

郵便局

Screenshot of www.japanpost.jp

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

FUBUKI

Screenshot of fubuki.com

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

CA technologies

Screenshot of www.ca.com

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

東武動物公園

Screenshot of www.tobuzoo.com

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

wowwow

Screenshot of www.wowow.co.jp

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

フリーランス Webデザイナー 大阪 kunugi design

kunugi design

大阪府在住、フリーランスのWebデザイナー。Webデザイン歴20数年。読書・映画・音楽・お笑い好き。趣味はミシンで服作り。2人の女児を育てる母親です。

https://kunugi-design.jp

AD

コメントを残す

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

同じカテゴリーの記事

フリーランスWebデザイナー川柳

「実践型Webマーケティング」セミナーを受講しました

「SVG MANIAX in KOBE」セミナーを受講したので、始めてSVGを作ってみた

リクリ「フォントのホント」セミナーに参加しました

pick up

自分で作った服を着る

未経験でWebデザイナーになること

CSS Nite LP53 メインビジュアルコンテストに参加しました

脳ドッグで未破裂脳動脈瘤が見つかった話

tag

archive