Creative Studio — Brand Experience
ブランド体験をつくるクリエイティブスタジオLP。動画ヒーロー・JSON実績管理・PHPフォーム実装済み
AIに見つけてもらえるサイトテンプレート
ChatGPT・Claude・Gemini・Perplexityなど、AIに「おすすめのお店を教えて」と聞かれたとき、あなたのサイトが紹介される仕組みが最初から入っています。
- llms.txt — AIにサイトの情報を伝えるファイル
- robots.txt — AIクローラーの巡回を許可する設定
- sitemap.xml — 全ページの存在をAIに伝えるファイル
- README — 設置方法のガイド付き
YOUR-DOMAINを自分のURLに書き換えてサーバーにアップするだけ。
それだけでAI検索に対応したサイトになります。
「Create Beyond Boundaries」をコンセプトにしたデザイン会社・クリエイティブスタジオ向けのシングルページテンプレート。Hero セクションに動画背景を配置し、スクロールとともにセクション背景色がなめらかに変化する没入感のある演出が特徴。実績（Works）とジャーナル記事はJSONで管理でき、PHPコンタクトフォームも実装済みです。
このテンプレートの特徴
動画ヒーロー背景
autoplay/muted/loop の Hero 動画。静止画フォールバック対応で画像のみでも使用可
セクション背景カラー遷移
スクロールに合わせてセクションごとに背景色が 1.2s でなめらかに切り替わる没入演出
JSON Works 管理
実績・ポートフォリオを works.json でグリッド表示。タイトル・カテゴリ・年・画像を管理
JSON Journal 管理
ブログ・コラム記事を journal.json で管理。思想・考えをブランドコンテンツとして発信
PHP コンタクトフォーム
XSS対策・バリデーション済みのmail.phpを同梱。受信メールアドレスを1行設定するだけ
スクロールリビールアニメーション
IntersectionObserver によるフェードイン+スライドアップ。遅延ステップ付きで自然な流れ
フルレスポンシブ
スマートフォン〜デスクトップ完全対応。ハンバーガーメニュー実装済み
含まれるファイル
購入後すぐに使い始められるよう、必要なファイルをすべてセットにしてお届けします。
サンプルデータも付属しているため、構成を理解しながら置き換えるだけで本番環境に対応できます。
- index.html（シングルページ LP）
- assets/css/ style.css
- assets/js/ app.js
- assets/php/ mail.php（コンタクトフォーム処理）
- assets/img/ hero.jpg（静止画フォールバック）
- assets/img/ video2.mp4（Hero 動画サンプル — 差し替え用）
- date/works.json（実績サンプルデータ 4件）
- date/journal.json（ジャーナル記事サンプルデータ 3件）
オプションサービス
ヒーロー動画制作
Hero セクション用のブランド動画を別途制作します。尺・テイスト・テキスト演出はご相談ください。
技術仕様・動作環境
選べるお任せサーバーサービス
サーバーの準備・設定・メンテナンスをすべてお任せいただけるホスティングプランです。
テンプレートご購入後、そのままお申し込みいただくだけで公開まで一貫してサポートします。
気軽にはじめる、サブドメインプラン
- アドレス
****.blue-leaf-studio.blog - サーバーBlue Leaf Studio 管理サーバー
- SSL無料 SSL 標準装備（https 対応）
- メール追加料金なし
- ドメイン費用不要（サブドメインを使用）
本格運用、独自ドメインプラン
- アドレスお好きな独自ドメイン（取得費はご負担）
- サーバーサーバー代金込み・年払い
- SSL無料 SSL 標準装備（https 対応）
- メール追加料金なし
- メンテナンス込み（定期更新・トラブル対応）
Creative Studio — Brand Experience を使い始めませんか？
セットアップでお困りの方はお気軽にご相談ください。
DB設定代行・フルサポートプランもご用意しています。