
DESIGN 01ベーシック
スタンダード
端正な見出しと、使い慣れた入力レイアウト。幅広いサイトに合わせやすい基本形。
このデザインを試すDESIGN COLLECTION / 01 — 10
10デザインを見比べて、気になるフォームをそのまま試せます。

DESIGN 01ベーシック
端正な見出しと、使い慣れた入力レイアウト。幅広いサイトに合わせやすい基本形。
このデザインを試す
DESIGN 02ベーシック
白と薄グレーで、すっきり明快に。導入を左右に分けたビジネス向けのスタイル。
このデザインを試す
DESIGN 03ベーシック
やわらかなグレーに、白い入力欄。縦に読み進めやすい落ち着いた構成。
このデザインを試す
DESIGN 04ベーシック
鮮やかな青が、白いフォームを引き立てる。色面と余白で印象をつくるデザイン。
このデザインを試す
DESIGN 05ベーシック
大きな白抜き英字と、青い見出し。シンプルな構成に、はっきりとした存在感。
このデザインを試す
DESIGN 06個性派
アウトラインの英字とリボンがアクセント。表のように整理された入力レイアウト。
このデザインを試す
DESIGN 07個性派
透かし英字と斜めの見出しで、立体感を。グレーと枠線で入力欄を整理。
このデザインを試す
DESIGN 08個性派
導入と入力欄を、PCでは左右に。大きな英字と青が映えるスタジオのような構成。
このデザインを試す
DESIGN 09個性派
ずらした青い色面で、ひと味違う表情に。スマホでは項目ごとのカードへ。
このデザインを試す
DESIGN 10個性派
項目をひとつずつ白いカードに。ラベルと入力欄の関係が分かりやすいデザイン。
このデザインを試す実際の入力画面を掲載しています。各カードからレイアウトや入力操作をご確認ください。確認・送信完了画面は共通です。
01 / READY TO USE
気に入ったら、
完成したフォームをコピーしてスタート。
レイアウトも入力欄も、デザイン済み。そのままの見た目を使うなら、サンプルと必要なファイルをコピーして、導入を進められます。
PHPの初期化・メール送信設定を行い、制作サイトへ組み込み。白紙からフォームを作る手間を省いて、公開に向けた調整に集中できます。
導入方法を見る選んだフォームを、必要な構成ごと配置。
PHP対応サーバーで、宛先やSMTPを設定。
入力・確認・メール受信まで動作をチェック。
02 / EASY TO CUSTOMIZE
案件に合わせた調整を、もっと身近に。「自分のサイトに、どう馴染ませる?」
その調整を、追いやすい構造に。
できるだけシンプルなHTML・CSSでデザインを組み立てているから、色・フォント・入力欄・ボタンの変更箇所を追いやすい。見た目を整えるたびに、送信処理から読み直す必要はありません。
入力項目を追加・削除する場合は、HTMLとPHPの項目定義をセットで編集します。
カスタマイズの方法を見るCONTACT US.
ご質問・ご相談を、お気軽に。
ブルー:すっきりした配色と、端正なボタン。
見た目の変更を説明する見本です。実際の編集はHTML・CSSで行います。
03 / MORE THAN A DESIGN
「見た目は好き。でも、自分の案件に使える?」
お問い合わせだけでなく、見積もり依頼にも、採用応募にも。
例えば、クリアビジネスを選んだら。
01 / CONTACT企業サイトに
ご質問・ご相談をお聞かせください。
02 / ESTIMATE制作の依頼受付に
ご希望の内容をお聞かせください。
03 / RECRUIT採用サイトに
ご応募に必要な情報をご入力ください。
デザインと用途を組み合わせたイメージです。用途に合う項目を選び、デザインのCSSや見出しを組み合わせて調整できます。