HP TATERU — SERVICE GUIDE
静的HTML方式によるセキュアで高速なWebサイト制作。サービス概要・制作フロー・料金体系をご確認いただけます。
WHY HP TATERU
HP TATERUでは、WordPressなどのCMSを使わない静的HTML方式でのHP・LP制作を行っています。表示が速く、サーバー費用がかからず、セキュリティも高い構成でご提供します。
| サービス | 内容 | 目安金額（税抜） |
|---|---|---|
| ランディングページ（LP） | 1ページ完結型。集客・問い合わせ獲得に特化 | ¥50,000〜 |
| コーポレートサイト | 会社概要・サービス・お問い合わせ等 複数ページ構成 | ¥150,000〜 |
| ポートフォリオサイト | 個人・フリーランス向け実績紹介サイト | ¥80,000〜 |
| リニューアル | 既存サイトのデザイン・機能を刷新 | ¥80,000〜 |
| 項目 | サービス名 | 費用 | 支払い先 |
|---|---|---|---|
| ドメイン取得 | お名前.com（推奨） | 年 ¥1,000〜2,000 | お客様が直接契約 |
| ホスティング | Netlify（無料プラン） | ¥0 | お客様が直接登録 |
| 問い合わせフォーム | Formspree（無料プラン・月50件） | ¥0 | お客様が直接登録 |
| SSL/HTTPS | Let's Encrypt（Netlify自動発行） | ¥0 | 自動・手続き不要 |
| 制作費 | HP TATERUへのお支払い | ¥50,000〜 | HP TATERUへ |
HP TATERUが実際に構築・運用した技術をベースに提供できるサービスです。すべてセットでの提供、または個別のオプションとして追加可能です。
| サービス | 内容・技術詳細 | 目安金額 |
|---|---|---|
| LP（ランディングページ） | 1ページ完結型・CTAボタン・スマホ対応・問い合わせフォーム付き | ¥50,000〜 |
| コーポレートサイト | トップ+下層複数ページ・レスポンシブ・SSL・SEO基本設定込み | ¥150,000〜 |
| ポートフォリオ / 作品紹介サイト | 画像ギャラリー・WebP最適化・透過画像対応 | ¥80,000〜 |
| リニューアル（既存サイト改修） | デザイン刷新・表示速度改善・モバイル対応強化 | ¥80,000〜 |
Netlifyの _headers ファイルを使い、全ページに以下のセキュリティ設定を適用します。WordPressでは複雑な設定が必要なものが、静的HTMLなら確実かつ低コストで実現できます。
| 設定項目 | 効果 |
|---|---|
| Content-Security-Policy（CSP） | 信頼できるドメインからのみリソース読み込みを許可。XSS攻撃・不正スクリプト挿入を防止 |
| X-Frame-Options: DENY | 他サイトのiframeへの埋め込みを禁止。クリックジャッキング攻撃を防止 |
| X-Content-Type-Options: nosniff | ブラウザがファイル形式を勝手に変更するMIMEスニッフィングを防止 |
| Strict-Transport-Security（HSTS） | HTTPS通信を1年間強制。HTTPにダウングレードする中間者攻撃を防止 |
| Referrer-Policy | 外部サイトへのURL情報漏洩を最小限に制限 |
| Permissions-Policy | カメラ・マイク・位置情報へのアクセスをデフォルト禁止 |
| 設定項目 | 内容 | 料金 |
|---|---|---|
| メタタグ・OGP設定 | タイトル・説明文・SNSシェア時の見た目を最適化 | 込み |
| sitemap.xml | 全ページをGoogleに正しく伝えるサイトマップ作成 | 込み |
| robots.txt | 検索クローラーの制御ファイル | 込み |
| 構造化データ（JSON-LD） | 事業者情報をGoogleに機械的に伝える。ローカルSEOに効果的 | オプション ¥10,000 |
| Google Search Console登録 | インデックス申請・サイトマップ送信 | オプション ¥5,000 |
| GA4アクセス解析設置 | 訪問者数・流入経路の分析環境を構築 | オプション ¥10,000 |
| 機能 | 内容・実装例 | 料金 |
|---|---|---|
| お問い合わせフォーム | Formspree連携。メール通知・スパム対策込み | オプション ¥15,000 |
| 診断・チェックツール | 設問→結果表示型のインタラクティブツール（例：適性診断・段取り検定） | オプション ¥30,000〜 |
| 画像ギャラリー・スライドショー | WebP最適化・フェードエフェクト・ケンバーンズ効果 | オプション ¥20,000〜 |
| アニメーション・スクロール演出 | 要素の出現アニメ・パララックス・カスタムカーソル | オプション ¥20,000〜 |
| サービス | 内容 | 料金 |
|---|---|---|
| ファビコン制作 | 16/32/48/180/192/512px 各サイズ対応。Google検索・Apple Touch Icon対応 | オプション ¥8,000 |
| 画像最適化・WebP変換 | 表示速度向上のための画像圧縮・次世代フォーマット変換 | オプション ¥10,000 |
| PDF埋め込みコンテンツ | ダウンロード可能なPDF資料の設置・ダウンロードボタン実装 | オプション ¥5,000 |
| 区分 | 金額 | タイミング |
|---|---|---|
| 着手金 | 制作費の50% | ご契約後・制作開始前 |
| 残金 | 制作費の50% | 納品確認後・公開前 |