Architecture & Design Studio
建築・デザイン事務所向け静謐ラグジュアリーLP。サービス・実績をJSONで管理、お問い合わせフォーム実装済み
AIに見つけてもらえるサイトテンプレート
ChatGPT・Claude・Gemini・Perplexityなど、AIに「おすすめのお店を教えて」と聞かれたとき、あなたのサイトが紹介される仕組みが最初から入っています。
- llms.txt — AIにサイトの情報を伝えるファイル
- robots.txt — AIクローラーの巡回を許可する設定
- sitemap.xml — 全ページの存在をAIに伝えるファイル
- README — 設置方法のガイド付き
YOUR-DOMAINを自分のURLに書き換えてサーバーにアップするだけ。
それだけでAI検索に対応したサイトになります。
「静かな力が、空間を変える。」をコンセプトにした建築・デザイン事務所向けのシングルページテンプレート。Cormorant Garamond による上品なセリフ体と温かみのあるニュートラルカラーで静謐なラグジュアリー感を演出。サービス一覧と実績ポートフォリオはJSONで管理でき、コンタクトフォームも実装済みです。
このテンプレートの特徴
JSON Services 管理
6つのサービスカードを services.json で管理。追加・編集がコード不要で簡単
JSON Works ポートフォリオ
実績・制作事例を works.json でギャラリー表示。画像・タイトル・カテゴリを管理
お問い合わせフォーム（Web3Forms）
メールで受信（Web3Forms連携済み）。サーバー設定は不要で、ご自身のアクセスキーに差し替えるだけで使えます。
スクロールリビール
IntersectionObserver によるフェードイン+スライドアップのアニメーション
高級セリフ体 Cormorant Garamond
ラグジュアリーブランドでも使われるセリフ体でノーブルな印象を演出
フルレスポンシブ
スマートフォン〜デスクトップ完全対応。ハンバーガーメニュー実装済み
含まれるファイル
購入後すぐに使い始められるよう、必要なファイルをすべてセットにしてお届けします。
サンプルデータも付属しているため、構成を理解しながら置き換えるだけで本番環境に対応できます。
- index.html（シングルページ LP）
- assets/css/ style.css
- assets/js/ app.js
- お問い合わせフォーム（Web3Forms連携・アクセスキーの設定のみ）
- date/services.json（サービスサンプルデータ 6件）
- date/works.json（実績サンプルデータ 4件）
技術仕様・動作環境
公開前の設定
サンプル画像について
サンプルの写真・画像は、公開前にお客様ご自身のものに差し替えてください。ZIP に同梱の「画像の差し替え一覧と公開前チェック」に、差し替えるファイル名・場所・推奨サイズをまとめています。
一部のサンプル写真は、外部サイト（Unsplash）から表示されます。外部サイトの都合で表示されなくなることがあるため、公開前に必ずご自身の画像に差し替えてください。
お問い合わせフォームの設定（Web3Forms）
お問い合わせフォームは、外部サービス Web3Forms でメールを受信します。サーバー側の設定は不要で、ご自身のアクセスキーに差し替えるだけで使えます。
- Web3Forms で、問い合わせを受け取りたいメールアドレスを入力してアクセスキーを取得します（無料プランあり）。
index.htmlをテキストエディタで開き、name="access_key"の行を探します。value="..."の中身を、ご自身のアクセスキーに書き換えて保存します。- サイトを公開したら、お問い合わせフォームからテスト送信して、メールが届くことを確認します。
⚠️ サンプルに入っているアクセスキーのまま公開すると、お問い合わせがお客様のメールに届きません。必ずご自身のキーに書き換えてください。
Web3Forms の料金・送信数の上限・手順は変わることがあります。ご利用前に公式サイトの最新の案内をご確認ください。
公開先について
静的サイトなので、PHP やデータベースは不要です。おすすめの公開先は Netlify と Cloudflare Pages です（どちらも無料プランあり）。一般のレンタルサーバーでも公開できます。
無料プランは保証がなく、各社の判断で内容の変更や停止が行われることがあります。仕事で使う大切なサイトは、有料プランもご検討ください。
料金や規約は変わることがあります。ご利用前に各社の最新の規約をご確認ください。
選べるお任せサーバーサービス
サーバーの準備・設定・メンテナンスをすべてお任せいただけるホスティングプランです。
テンプレートご購入後、そのままお申し込みいただくだけで公開まで一貫してサポートします。
気軽にはじめる、サブドメインプラン
- アドレス
****.blue-leaf-studio.blog - サーバーBlue Leaf Studio 管理サーバー
- SSL無料 SSL 標準装備（https 対応）
- メール追加料金なし
- ドメイン費用不要（サブドメインを使用）
本格運用、独自ドメインプラン
- アドレスお好きな独自ドメイン（取得費はご負担）
- サーバーサーバー代金込み・年払い
- SSL無料 SSL 標準装備（https 対応）
- メール追加料金なし
- メンテナンス込み（定期更新・トラブル対応）
Architecture & Design Studio を使い始めませんか？
セットアップでお困りの方はお気軽にご相談ください。
DB設定代行・フルサポートプランもご用意しています。