01
FAMILIAR CODE
HTML・CSSを
入口にできる。
PHPの送信処理を一から書かずに、普段触っているHTML・CSSで見た目をカスタマイズできます。
学んだコーディングの知識を、そのまま制作案件に活かせます。
カスタマイズ方法を見るFEATURES.
FreelanceFormの特徴・強み01 — 09駆け出しWebデザイナーの、制作案件に。
HTML・CSSを活かして、フォームのある案件に対応。
デザインも、送信の仕組みも、ゼロから作らなくていい。
サイトに合わせた調整から始められる、
Webデザイナー向けのお問い合わせフォーム テンプレートです。
01 / WHY FREELANCEFORM
作る手間を減らして、
案件に合わせる作業へ。
選ぶ・整える・設置する。
フォーム制作を支える、9つの強み。
HTML・CSSを
02
READY-MADE FLOW
フォームの土台を、
ゼロから設計しなくていい。
入力・確認・送信完了の画面からメール送信まで。お問い合わせフォームに必要な流れが、最初から揃っています。
画面や処理を組み立てるところから始めず、案件に合わせた調整に集中できます。
フォームの機能を見る03
10 DESIGNS
サイトに似合う、
10デザインから選べる。
シンプル、ビジネス、個性的なスタイルまで。案件ごとにフォームを白紙からデザインせず、好みの見た目を選んで調整できます。
完成イメージを見比べながら、サイトに合う方向性を決められます。
10デザインを見比べる04
10 USE CASES
お問い合わせだけでなく、
10用途に対応。
見積もり、採用、予約、注文、資料請求など。目的に合わせた入力項目を備えた、10用途のフォームを用意しています。
用途に合うひな形を使えるので、必要な項目を考える時間も減らせます。
対応する10用途を見る05
MAKE IT FIT
文言も、色も、項目も。
案件に合わせて調整。
文言・入力項目・色・余白・レイアウトをカスタマイズ。既存サイトのトーンに合わせたフォームに仕上げられます。
項目の変更はHTMLとPHPの項目定義をセットで編集。変更箇所はドキュメントで確認できます。
編集する場所を確認する06
ESSENTIAL FUNCTIONS
制作で使う機能を、
最初からひとまとめに。
確認画面、自動返信メール、入力チェック、ファイル添付、住所入力補助、Gmail対応などを備えています。
機能をひとつずつ探して組み合わせず、用意された仕組みから導入を進められます。
すべての機能を見る07
STEP-BY-STEP GUIDE
はじめての設置も、
導入ガイドに沿って。
「サーバーに何を置く？」「送信先はどこで変える？」。初心者が止まりやすいポイントを、順番に確認できます。
編集するファイルや設定箇所が分かるので、手探りでコードを探す時間を減らせます。
導入の流れを見る08
BUY ONCE, USE AGAIN
9,800円の買い切り。
次の制作案件にも。
月額ではなく、一度の購入で複数案件に使えます。自分のポートフォリオから、商用のクライアントサイトまで活用できます。
案件ごとにフォームの利用料を増やさず、自分の制作ツールとして使い続けられます。
料金・ライセンスを見る09
WITH YOUR AI AGENT
AIへの変更指示も、
具体的に出しやすい。
コードとドキュメントが揃った状態から、「この項目を追加」「サイトの配色に変更」とAIエージェントに相談できます。
既存のフォームを土台に、変えたい箇所を伝えながらカスタマイズを進められます。
ドキュメントを見る設置にはPHP対応サーバーとメール送信設定が必要です。動作環境や公開前の確認事項は導入ガイドをご覧ください。
02 / THE MAKER
Web制作の現場から生まれました。現役のWeb制作者が設計。
駆け出しWebデザイナーの
ために作った、
お問い合わせフォーム。
Web制作の経験
15+
年以上、つくる現場に。
企画から公開、その先の集客まで。
制作全体を知るからこそ、
はじめの一歩に必要なものを。
FreelanceFormを開発したのは、株式会社TANI ENTERPRISEの谷洋二郎。15年以上にわたり、ディレクション、ライティング、デザイン、コーディング、マーケティングを一人で手がけてきた現役のWeb制作者です。
その制作経験をもとに、駆け出しWebデザイナーが導入・活用しやすい設計に注力。完成したフォームと導入ガイドをセットにして、実際の制作案件で使い始められる形にまとめました。
- DIRECTION
- WRITING
- DESIGN
- CODING
- MARKETING
DEVELOPER
谷 洋二郎YOJIRO TANI
株式会社TANI ENTERPRISE
- 2011
Webシステム開発会社の
Webデザイナーを経て、フリーランスへ。 - 2015
株式会社TANI ENTERPRISEを設立。
Webサイト制作のサービスを提供。
Web制作に加え、LINEクリエイターズスタンプ全国2位、Amazon Kindle週間総合1位など、クリエイターとしても活動しています。
03 / MADE TO FIT YOUR PROJECT
「サイト内にフォームも」
その依頼に、対応できる準備を。
自分でコーディングするサイトに、フォームを組み込む。
フリーランス・副業Webデザイナー、小規模制作会社の案件に向けた設計です。
制作サイトへの組み込みに特化
フォームまで含めて、
ひとつのサイトとして
仕上げられる。
「サイトのデザインに合わせて、お問い合わせフォームも設置してほしい」。そんな依頼に対応するための、PHPメールフォームです。
必要なファイルを制作フォルダに配置し、初期化・送信設定を行って、フォームを既存サイトへ組み込み。HTML・CSSを調整して、サイトと統一感のある見た目に仕上げられます。
FOR YOUR NEXT PROJECT
制作案件に合う用途を見る 企業サイト／個人店のホームページ
採用サイト／ポートフォリオ
- 01
ファイルを配置
選んだデザイン・用途のファイルを
制作フォルダへ。 - 02
初期化・送信設定
PHPの初期化処理と、
宛先・SMTPなどの設定を。 - 03
組み込み・動作確認
見た目を整え、入力・確認・
メール受信までチェック。