AI番頭 開発プレビュー

士業事務所 HP テンプレート

3パターンのデザインバリエーションを確認できます。各テンプレートを開いてプレビューしてください。

Pattern A
誠実・信頼型
司法書士・弁護士
無料プランデモ（電話・メールのみ）
カラー
フォント Noto Serif JP ／ Sans
形状 直角・ゴールドルール
プレビューを開く →
Pattern B
親しみやすい型
行政書士・FP
フォームプランデモ（お問い合わせフォームあり）
カラー
フォント Noto Sans JP
形状 大丸角・カード・アイコン円
プレビューを開く →
Pattern C
専門性・シャープ型
税理士
フルプランデモ（AIチャット・お客様の声あり）
カラー
フォント Noto Sans JP 800 ／ IBM Plex Mono
形状 直角・数字ラベル・幾何グリッド
プレビューを開く →

プラン機能の出し分け

  • 無料プラン：電話番号・メールアドレスのみ表示（テンプレートA）
  • フォームプラン：お問い合わせフォームを表示（テンプレートB）
  • フルセット：AIチャットウィジェット・お客様の声・ブログリンクを追加表示（テンプレートC）
  • HTMLの PLAN 変数を変更するだけで切替可能。n8n がビルド時に自動注入する想定

共通技術仕様

  • 素の HTML/CSS/JS のみ — ビルドツール不要、Cloudflare Pages にそのままデプロイ可能
  • レスポンシブ対応（ブレークポイント 900px）
  • WCAG AA 相当のコントラスト比・キーボード操作対応
  • Cloudflare Web Analytics 標準搭載（Cookie 不要）
  • GA4 は Cookie 同意バナー経由でのみ起動
  • prefers-reduced-motion 対応
💬 AIチャットデモを試す お申し込みはこちら →