「小さな青い家」の世界観を、
デジタルへ。

まずは、こちらを
お読みください。

本書には技術用語が含まれます。お忙しい方、また「何が ・ いくらで ・ いつまでに」を先にご把握されたい方は、本ページのみで全体像をご理解いただけるよう構成いたしました。

この提案を、3 つの文で。

① 本書は、MOJAPET 様のウェブサイトを、新しく作り直すご提案 でございます。
② すでに新サイトの動く見本（moja-pet.kitsuneweb.studio）を完成させ、貴店ご自身の目で品質をご確認いただけるようにいたしました。
③ ご納得いただけましたら、その見本を貴店のご要望に合わせて仕上げ・お引き渡しし、正式な「新しいウェブサイト」として運用を開始いたします。

何が変わるのですか？ ── 今のサイトと、新サイトの比較

よくあるご質問（短くお答えいたします）

本書の読み方 ── 章別ガイド

用語ガイド ── 知っておくと便利な言葉

本ページのみで、ご判断は十分可能です。もし「いくらで・いつまでに・何が手に入るか」がご理解いただけましたら、 残りの章はご興味に応じて読み飛ばしていただいて構いません。ご不明点は、すべて hello@kitsuneweb.studio 宛のメールにて承っております。

一頭ずつ、丁寧に。
ウェブも、同じです。

初めて訪れた方が最初の 3 秒で「ここは信頼できる専門店だ」と感じる ── それが本提案の唯一にして最大のゴールです。

本書は、MOJAPET（もじゃぺっと） 様への、ウェブサイト全面リニューアルの正式な提案書です。 Kitsune Web Studio は、貴店を特徴づける 3 つの事実 ── ①「アクアリウム × インコ」という他に類のない二刀流の専門性、② ADA 正規取扱店としての本格性、③ 完全予約制・事前健康チェックという丁寧なお預かり体制 ── を、 「小さな青い家」を起点とするラウンデッド・フレンドリーなデザイン言語と、Next.js 15 + Cloudflare Workers という最新の Web 技術で再構築することをご提案いたします。

本提案で実現する 6 つの成果

• ブランドの可視化。クリーム色の温かい紙面、深い水色のアクセント、丸みのある文字 ──「小さな青い家」の親しみやすさを、画面全体の設計言語として構築します。
• 三つの専門の構造化。アクアリウム／インコ・小動物／ホテル・ケア ── を三枚のカードと専用ページで可視化し、初見の方が迷わない導線にします。
• スマートフォン最優先。画面下に常設の「電話する」ボタン、営業中／定休日のリアルタイム表示、タップしやすい大きさ ── 来店前の下調べを電話・来店につなげます。
• 地域検索 + AI 検索の最大化。PetStore 構造化データ、FAQ 構造化データ、AI 検索向け情報ファイル（llms.txt）── 「二宮 アクアリウム」等の検索にも、ChatGPT 等の AI にも、正しく見つけてもらえる構造です。
• ホテル・ケアの安心設計。持ち物・健康チェック・キャンセル規定を、タップで開く FAQ 形式に整理。お電話での説明時間を短縮し、飼い主様の不安を事前に解消します。
• 長期運用に耐える基盤。WCAG 2.1 AA 準拠（検証済み・違反 0 件）、TypeScript による型安全、CMS 不要・データベース不要・ランニングコスト月額 ¥0 円〜。

ブランド主導の
Web 設計・開発スタジオ。

弊社が大切にしている 3 つの原則

MOJAPET ── アクアリウムと
インコの専門店。

4 つの観点から
現状を診断いたしました。

ご提案に先立ち、貴店の現サイト・Instagram・Google ビジネスプロフィール・主要検索クエリを、 Lighthouse・PageSpeed Insights・Schema.org Validator・axe-core など業界標準ツールにて診断いたしました。 以下、観点別の所見です。

4.1　パフォーマンス監査

4.2　SEO ・ AI 検索監査

4.3　UX ／ 情報設計監査

• 二つの専門性が埋もれている。「アクアも、インコも、ホテルも」という他にない強みが、ページ構成として整理されておらず、初見の訪問者には全体像が掴めません。
• 電話までの距離が遠い。完全予約制のホテル・ケアはお電話が起点ですが、電話番号がタップしやすい位置に常設されておりません。
• ホテルの大切な規定が読みづらい。持ち物・事前健康チェック・キャンセル規定 ── お預かり前に必要な情報が長文に埋もれ、お電話での説明負担が大きい構造です。
• 営業中かどうかが分からない。火・水定休（祝日は営業）という変則を、訪問者がその場で判断できません。
• 入荷情報の発信が Instagram のみ。検索エンジン経由の新規のお客様との接点が限られております。

4.4　モバイル ／ アクセシビリティ監査

• タップ領域。スマートフォンの推奨基準（最小 44 × 44 px）を満たしていないボタン・リンクがあります。
• 配色コントラスト。本文・補助テキストが WCAG 2.1 AA の最低基準（4.5:1）をクリアしていない箇所があります。
• キーボード操作。フォーカスの現在地が見えず、キーボードのみで操作される方が迷子になります。
• スクリーンリーダー。写真に説明文（alt）が不足しており、読み上げ環境で内容が伝わりません。
• 文字拡大。固定サイズ指定により、ご年配の方の文字拡大設定が反映されない箇所があります。

機会は、すぐそこにあります。

ラウンデッド・
フレンドリー。

クリーム色の紙面、深い水色、丸みのある文字と角丸のカード ──「小さな青い家」の温かさと専門店の信頼感を、両立させるための言語です。

7.1　ビジュアル原則

7.2　タイポグラフィ ── 三書体構成

※ いずれも `next/font` でセルフホスト配信し、表示のチラつき・ガタつきを発生させません。

7.3　カラーパレット ── 和色ベースの設計トークン

7.4　モーション設計

• 段階表示（Stagger）。カード・リストは少しずつ遅延して現れ、視線を順次誘導します。
• 滑らかなスクロール（Lenis）。ページ全体の移動に、上質な慣性を与えます。
• 営業状況のライブ表示。日本時間で「営業中／営業時間外／本日定休日」を自動判定し、バッジ表示します。
• Reduce Motion 準拠。OS のモーション抑制設定を尊重し、必要時は全アニメーションを無効化します（検証済み）。

7.5　体験の細部 ── ブランドのディテール

• スマホ常設の電話バー
• 営業中バッジ（日本時間で自動判定）
• 写真ライトボックス（拡大表示）
• フルスクリーンメニュー
• FAQ アコーディオン
• 信頼チップ（ADA ／ 動物取扱業登録 ／ 駐車場）

デザインは、ここから一緒に仕上げるものです。色味・写真・文言・ページ構成・導線 ── ご要望・変更のご提案はいつでも歓迎いたします。デザイン確定までの間、回数の制限なく調整を承ります。

5 ページ構成。
全てに、目的があります。

情報過多のサイトは、かえって伝わりません。本提案では、貴店に必要な機能を 5 ページに凝縮し、 各ページの役割と到達ゴールを明確に定義いたしました。

※ ページの追加・統合・分割は、ご要望に応じて柔軟に調整可能です（例：お知らせ・ブログページの追加は 15.3 のオプションにて）。

選定の理由まで、
全てご説明いたします。

9.1　ホスティング比較

速度は、思いやりです。

10.1　採用する最適化手法

• 静的サイト生成（SSG）。全ページをビルド時に HTML 化。サーバー処理を待たずに表示が始まります。
• 画像の自動最適化。`next/image` で WebP/AVIF 自動変換、画面サイズ別の出し分け、遅延読み込み。
• フォントのセルフホスト。日本語 Web フォント 3 書体を自社配信し、表示のチラつきを排除します。
• エッジ配信。Cloudflare の世界 300+ 拠点から、訪問者の最寄りでレスポンス。
• 長期キャッシュ + Brotli 圧縮。2 回目以降の閲覧はさらに高速です。
• 誠実な見込みのご説明。日本語フォントはデータが大きく、Performance スコアは回線・端末で変動いたします。本書では「実測 100 点の 3 軸」と「本番 CDN での目標 90+」を分けて明示し、公開後 30 日時点の実測レポートをお送りいたします。

地域 × 専門で、
見つけてもらいます。

11.1　ターゲットキーワード

11.2　構造化データ ── PetStore Schema（JSON-LD）

Google の検索結果上で、営業時間・住所・電話・サービスメニューを正しく認識させるための構造化データを、 JSON-LD 形式で埋め込みます（デモで実装済み）。実装例：

{
  "@context": "https://schema.org",
  "@type": "PetStore",
  "name": "MOJAPET",
  "alternateName": "もじゃぺっと",
  "address": { ... "addressLocality": "二宮町" ... },
  "geo": { "latitude": 35.3087, "longitude": 139.2488 },
  "telephone": "+81-463-43-7726",
  "openingHoursSpecification": [ ... 11:00–20:00 ・ 火水定休 ... ],
  "areaServed": ["二宮町", "中郡", "湘南・県西エリア"],
  "hasOfferCatalog": { アクアリウム ／ インコ・小動物 ／ ホテル・ケア }
}

11.3　AI 検索対応（AIO ／ ChatGPT ・ Perplexity 等）

「二宮にアクアリウムの専門店はある？」── そう AI に聞くお客様が、すでに現れ始めています。 本提案では、AI が貴店を正しく紹介できるよう、次の対応を行います（いずれもデモで実装済み）：

• llms.txt の設置。店舗情報・サービス・営業時間を AI が読みやすい形式で提供する専用ファイル。
• FAQ 構造化データ。よくあるご質問 7 項目（営業時間・駐車場・ホテル予約 等）を、検索エンジンと AI の双方に提供。
• Service ・ OfferCatalog 構造化データ。ホテル・ケアのサービス内容を機械可読に。
• 全 AI クローラーの受け入れ設定。ChatGPT ・ Perplexity 等の巡回を妨げない設定。

11.4　その他の SEO 施策

• `sitemap.xml` ／ `robots.txt` のビルド時自動生成
• 正規 URL（canonical）の全ページ明示
• パンくずリストの構造化データ
• Open Graph ／ SNS シェア画像の全ページ設定
• Google Search Console ／ Google ビジネスプロフィール連携のセットアップ支援

全てのお客様に、
平等な情報を。

生き物を扱うお店のお客様は、お子様からご年配の方まで幅広くいらっしゃいます。本提案では、ウェブアクセシビリティの国際基準 WCAG 2.1 Level AA を満たすことを開発の前提とし、デモ段階で既に自動検証ツール（axe-core）の違反 0 件を実測済みです。

• 配色コントラスト。本文・補助テキストとも AA 基準（4.5:1）以上を全画面で検証済み。
• キーボード操作。メニュー・写真拡大・FAQ ── 全ての操作を Tab キーで完結可能。フォーカスの現在地を常に可視化。
• スクリーンリーダー。セマンティック HTML、全画像への説明文、フォームの読み上げ対応。
• 文字拡大。ユーザー設定の文字サイズ変更に追従します。
• Reduce Motion。OS のモーション抑制設定で全アニメーションが自動停止（検証済み）。
• タップ領域。スマートフォンの全ボタンを推奨サイズ（44 px）以上で設計。

貴店の声を、
そのままに。

コンテンツは、デザインと同等に重要です。本提案では、貴店既存の言葉づかい （「ゆっくりくつろいでいってくださいね」等）を最大限尊重し、構成の整理のみを行います。

13.1　既存コピーの取り扱い

現在のサイト・Instagram・Google ビジネスプロフィールの文章を読み込み、貴店の「声」となる表現を抽出・保護した上で、 構成のみ再設計いたしました。文言の最終決定権は、すべて貴店にございます ── 気になる表現は遠慮なくお申し付けください。

13.2　新規作成コンテンツの範囲

• ・各ページの導入文（リード文）
• ・よくあるご質問 7 項目（営業・駐車場・ホテル・ケア・レイアウト相談 等）
• ・ホテル・ケアの規定の再構成（FAQ 形式）
• ・SNS シェア時の画像・キャッチコピー

5 週間で、
ローンチへ。

ご発注確定日を Day 1 とし、約 25 営業日（5 週間）でローンチいたします。 実装デモが既に存在するため、設計・開発工数は通常の半分以下です。

シンプルで、正直に。

料金は 弊社公式料金ページ に準拠いたしております。 隠れ料金一切なし、月額と買い切りの境界も明確です。

弊社の料金体系は、定価表記の 2 プラン構成です。内容と金額を全公開いたしておりますので、 貴店の今のご状況に最も合うプランをご自身でお選びいただけます。本提案では両プランをご案内したのち、MOJAPET 様への推奨案を申し上げます。

15.1　2 つのプラン ─ 公式料金ページに準拠

15.2　MOJAPET 様への推奨見積

「店の資産としての所有・月々の固定費の最小化」 を重視される貴店には、 PLAN_B（カスタム制作） をご推奨申し上げます。コードもデザインも完全に貴店の所有となり、 月々のランニングコストは ¥0 円から ── 生体という「日々手のかかる資産」に集中されている貴店にとって、 ウェブは「手のかからない資産」であるべき、というのが弊社の考えです。

実装デモ（moja-pet.kitsuneweb.studio）にて既にお示ししております本提案のスコープ ── 5 ページ構成 ／ 完全オリジナルブランド設計（ラウンデッド・フレンドリー + 三書体 + 和色トークン）／ スマホ常設電話バー ・ 営業状況の自動表示 ・ フルスクリーンメニュー ・ 写真ライトボックス ・ FAQ アコーディオン ／ 構造化データ（PetStore ・ FAQ ・ Service）＋ AI 検索対応（llms.txt）／ お問い合わせフォーム（Resend メール送信・迷惑対策込）／ Cloudflare Workers 配信設定 ── を踏まえた概算見積レンジは以下の通りです：

※ 上記は実装デモを根拠とした弊社からの目安レンジです。正式お見積書は、Phase 1（要件確認 ／ メールにて完結）完了後に PDF で発行いたします。 消費税は内税表記、適格請求書（インボイス制度対応）です。

15.3　追加オプション（アップグレード）

公式料金ページに準拠した、必要に応じた機能追加です。本提案の標準スコープ外につき、ご希望の場合は別途ご相談ください。

15.4　ホスティングと修正対応

• ホスティングは選択制。自己ホスティング（Cloudflare 無料枠 ／ 弊社にて初期構築）または ¥3,500 / 月 〜 のマネージドホスティング（弊社運用）からお選びいただけます。いずれの場合も、コードは最初から貴店のものです。
• 修正は時間制。納品後の追加作業は ¥12,000 / 時 にて承ります。定額料金・サブスクリプション一切なし。必要なときだけお支払いいただきます。大きな機能追加・新規ページ制作は別途お見積もりにてご対応申し上げます。

納品後も、
伴走いたします。

Web サイトはローンチして終わりではなく、運用が始まりです。本提案では、納品後 60 日間の無償サポート期間に加え、 長期運用には公式料金ページの 3 つの選択肢をご利用いただけます： (1) ¥12,000 / 時の時間制修正（必要なときだけ ／ 文言修正・写真差し替え向け）、 (2) 機能追加オプション（更新管理画面 ¥110,000〜 ／ オンライン予約 ¥45,000〜 ／ 前章 15.3 ご参照）、 (3) SEO 運用（¥75,000 / 月〜）。 なお、将来的に PLAN_A「運用込みサイト」（¥45,000/月・12 か月契約・全管理込）への移行をご希望の場合も、別途お見積りにてご対応申し上げます。

16.1　ローンチ後 60 日間の無償サポート

• 軽微な不具合修正（メールにて承り、原則 24 時間以内に着手）
• ブラウザ互換性問題の対応
• 初期コンテンツの校正・微調整
• ローンチ後 30 日 / 60 日時点でのパフォーマンス・検索状況レポート（メール送付）
• Google Search Console インデックス状況のフォロー

16.2　運用マニュアルの納品

納品時、以下の運用マニュアルを PDF 形式でメール添付にてお渡しいたします。

• ・写真・文言の差し替え依頼の手順（メールでの依頼テンプレート付き）
• ・営業時間・定休日変更時の手順
• ・フォーム送信先メールの変更手順
• ・トラブル時の連絡手順（メール窓口・優先度の目安）

実証は、コードと画面で。

事例数や年数ではなく、貴店のためだけに実装した「動く現物」で、弊社の力量を直接ご判断ください。

正直に申し上げますと、Kitsune Web Studio は新興の独立系スタジオであり、 納品済みのクライアント案件は現時点でございません。 「では、何を信じて発注のご判断をいただくのか」── そのお問いに対する弊社の答えは、シンプルです。 ご相談に対し、ご発注前に貴社専用の実装デモを完成させ、 実機・実コードで「これから納品されるもの」をそのまま体験していただきます。 MOJAPET 様の本案件におきましても、その方針を貫いておりますことを、改めてお伝え申し上げます。

17.1　弊社の方針 ── なぜ「過去実績」ではなく「現物デモ」なのか

• 誠実な評価軸の提供。「過去にこれだけ作りました」ではなく、「今、貴店のために、これを作りました」を実物でお示しいたします。
• 仕上がりは現物で判断。生体を選ぶとき、写真ではなく実物の状態をご覧になるのと同じ流儀です。弊社も「動く現物」でご判断いただきます。
• 透明性。納品時には Git リポジトリの全履歴をそのままお渡しいたします。制作過程は完全に追跡可能、隠しごと一切なし。
• 新興であることの利点。過去案件の保守負担に縛られず、貴店に対し最大限の集中とリソースを投下できます。

17.2　ご評価いただきたいチェックポイント

本提案のご検討にあたり、以下を実機でご確認いただけますと、弊社の品質を最も具体的にご判断いただけます：

• ① 実機表示。お手元のスマートフォンで moja-pet.kitsuneweb.studio をそのままご覧ください ── 画面下の「電話する」バー、営業中バッジをご確認いただけます。
• ② パフォーマンス計測。Google PageSpeed Insights（pagespeed.web.dev）にデモ URL を入力 → 実数値でスコア確認。
• ③ アクセシビリティ計測。WAVE（wave.webaim.org）にデモ URL を入力 → 違反の少なさをご確認。
• ④ コード品質。ブラウザの「ページのソースを表示」で構造化データ（PetStore ・ FAQ）の実装をご確認。
• ⑤ ブランド一貫性。全 5 ページを通じて、書体・配色・角丸・余白が一貫しているかをご確認。

シンプルな、
2 段階のお支払い。

※ 月額運用プランは別途、毎月末締め・翌月 25 日払いの請求書払い、または自動引落しに対応いたします。

お客様が、所有者です。

• 著作権の帰属。納品物（デザイン・コード・コンテンツ）の著作権は、最終支払い完了をもってお客様に完全譲渡いたします。
• ソースコードの提供。Git リポジトリ全体（履歴含む）を、GitHub または GitLab にてお引渡しいたします。お客様の任意のサーバー・サービスへ移管可能です。
• デザイン素材。使用画像の一覧 ／ フォントライセンス情報 ── 全て同梱でお渡しいたします。
• 第三者ライブラリ。Next.js（MIT）／ React（MIT）／ Tailwind（MIT）／ Framer Motion（MIT） ── 全て商用利用可能なオープンソースライセンス。
• 制作実績への掲載。本案件を弊社の制作実績ページに掲載することにつきましては、別途ご相談のうえ、書面にてご了承を頂戴いたします。

守秘義務を徹底いたします。

本案件を通じて知り得た貴店の業務情報・顧客情報につきましては、 契約終了後 5 年間、第三者への開示・転用を一切いたしません。 必要に応じて、別途 NDA（秘密保持契約書）の締結も承ります。

事前に、
お伝えしておきたいこと。

• ・本提案書の有効期限は、発行日より 60 日間 です。期間経過後、サーバー費用・人件費の改定により金額が変動する場合がございます。
• ・本提案中に提示するプロトタイプ（moja-pet.kitsuneweb.studio）は、貴店との契約締結を前提とした暫定公開であり、ご発注に至らない場合は速やかに非公開化いたします。
• ・デモには、貴店が公開されているウェブサイト・Instagram のお写真を、提案目的の範囲で暫定使用いたしております。ご不快の場合は、お申し付けいただき次第、即時に差し替え・削除いたします。正式制作では、別途許諾の範囲内で使用いたします。
• ・デザイン・ページ構成・導線（フロー）の変更ご要望は、デザイン確定（Phase 2 終了）までの間、回数の制限なく歓迎いたします。確定後の大幅な変更は、恐れ入りますが別途お見積りとなる場合がございます。
• ・現行ドメイン（moja-pet.com）から新サイトへの切替時は、Google での評価を維持するため、URL 構造を整理し、必要箇所には 301 リダイレクトを設定いたします（例：旧 /contact → 新 /about）。
• ・モバイル端末は iOS 15 以降 ／ Android 11 以降、デスクトップは Chrome / Safari / Firefox / Edge の最新 2 メジャーバージョンを動作保証範囲といたします。
• ・連絡手段はメール（hello@kitsuneweb.studio）に一本化いたしております。お電話・オンライン会議・対面打ち合わせは承っておりません。これは、(1) ご相談・ご決定事項の証跡を確実に書面記録するため、(2) 双方が時間を選ばず最も迅速に応答できるため ── という二点の理由によります。接客中心のご営業を妨げない進め方でもございます。ご返信は土日祝含め 24 時間以内を目安としております。
• ・障害発生時の連絡窓口もメールにて承り、緊急時（サイト全停止）は 24 時間以内の一次対応を原則といたします。
• ・本書はお見積金額の概算をお示しするものであり、確定見積書は要件確認（Phase 1）完了後にメール添付の PDF にて発行いたします。

ご検討ののち、
ご署名をお願いいたします。

上記内容にご同意いただける場合、下記欄にご署名・ご捺印のうえ、PDF 化または原本にて Kitsune Web Studio までお戻しください。 ご返送をもって正式なご発注とさせていただき、Phase 1 を開始いたします。

お客様 ／ Client

MOJAPET（もじゃぺっと）

ご署名 ／ ご捺印 ／ 日付

受託 ／ Studio ── 既署名済み

Kitsune Web Studio

代表 ジメネス　ウィルデ（JIMENEZ WILDE）

2026 年 06 月 10 日

弊社側は本提案書発行をもって既に押印済み。お客様側のご署名・ご捺印を、左欄にてお願い申し上げます。