制作のポイント

「フォームは“入力させるもの”から、“会話するもの”へ。」

CLICKY FORMは、堅苦しい入力フォームをチャット形式の対話体験へと再設計した、自社開発のチャット型メールフォームサービスです。問い合わせ・予約・問診・採用エントリーなど、あらゆる「聞きたいこと」を、ユーザーが自然な会話感覚で答えられる形に変換します。

ポイント1｜離脱を防ぐ「対話型UX」

質問を一問ずつ会話のように提示し、回答に応じて次の設問が動的に分岐。「自分に関係のない質問」を見せないことで、入力のストレスと離脱を最小限に抑えました。進捗バー・前の質問への修正・途中離脱からのメール再開（マジックリンク）など、最後まで答えてもらうための導線を細部まで作り込んでいます。

ポイント2｜専門知識ゼロで作れる「ビジュアル・シナリオ編集」

複雑な分岐フローを、ノードをドラッグ&ドロップでつなぐだけで設計可能に。テキスト・選択・日付・ファイル添付・署名・5段階評価に加え、郵便番号からの住所自動入力やふりがな自動生成といったEFO（入力フォーム最適化）機能まで標準搭載し、現場の担当者だけで運用できる仕組みにしました。

ポイント3｜マルチテナント設計による「サービスとしての拡張性」

1つの基盤で複数の事業者・部門を独立運用できるマルチテナント構成を採用。テナントごとにロゴ・カラー・送信ドメイン・SMTP・権限（Owner/Admin/Staff/Viewer）を分離し、医療・採用・調査など業種をまたいで展開できるSaaS基盤として構築しています。

ポイント4｜多層スパム対策とセキュリティ

ハニーポット・入力速度の異常検知・同一IPの連続送信・URL過多・禁止語など複数のシグナルをスコア化して判定する、加点式のスパム検知エンジンを独自実装。あわせてトークン認証・ロールベース権限・テナント分離・監査ログなど、業務利用に耐えるセキュリティを担保しました。

ポイント5｜「1行で貼れる」埋め込みと外部連携

インライン・モーダル・ポップアップの3モードに対応し、スクリプトタグ1行で既存サイトへ設置可能。Webhook（HMAC署名・自動リトライ）による外部システム連携、完了率・離脱率・選択肢ヒートマップなどの分析機能、CSVエクスポートまでをワンストップで提供しています。

使用技術

フロントエンド：Vue 3 / Vite / Tailwind CSS / Pinia / Vue Flow
バックエンド：PHP 8.2＋ / Laravel 11 / MySQL / Redis
その他：マルチテナント設計、Webhook連携、reCAPTCHA、SMTP連携

—-

CLICKY FORM（クリッキーフォーム） は、従来のフォームが抱える「離脱率の高さ」という課題を解決するために開発された、チャット形式の対話型フォームサービスです。
従来の入力フォームは、一度に多くの項目が表示されることでユーザーに心理的な負担を与え、途中離脱の原因となっていました。CLICKY FORMは、LINEやMessengerのようなチャットUIを採用することで、一問一答形式の自然な対話を実現。ユーザーは会話を楽しむように回答を進められるため、フォーム完了率が飛躍的に向上し、CVR（コンバージョン率）を最大2倍に改善します。

主な特徴:
ノーコードで簡単作成
ドラッグ＆ドロップのエディタで、プログラミング知識がなくても直感的にフォームを作成できます

高度な条件分岐
回答内容に応じて次の質問を動的に切り替え、一人ひとりに最適化されたヒアリングを自動化

豊富な入力タイプ
テキスト、選択肢、ファイルアップロード、5段階評価、日付入力など多彩なフォーマットに対応

簡単設置
WordPressをはじめ、HTMLが編集可能なサイトならどこでも設置可能。埋め込みコードをコピペするだけで、たった5分で導入完了

回答分析機能
質問ごとの通過率・離脱率をダッシュボードで可視化し、改善ポイントを明確に

自動メール通知
回答完了時に管理者・ユーザーへ自動通知。テンプレートのカスタマイズも可能

クライアント様のご紹介

アートクリックは、京都を拠点にホームページ制作・システム開発・デザイン制作を手掛けるクリエイティブカンパニーです。

企業や団体が抱える課題に対し、デザインとテクノロジーの両面から最適な解決策をご提案。コーポレートサイトや採用サイト、ECサイトの制作はもちろん、業務効率化を実現するWebシステムやオリジナルアプリケーションの開発までワンストップで対応しています。

「作ること」を目的とするのではなく、「成果につながること」を重視し、企画・設計・デザイン・開発・運用まで一貫してサポート。20年以上の経験と400社を超える支援実績をもとに、お客様のビジネス成長を支えるパートナーとして伴走しています。

• « 前へ
• 一覧に戻る
• 次へ »