itOlab Guide

ホームページを作るときに
考えること

「サイトを作りたい」と思ったとき、お客さまが決めることと、itOlabが技術で支援することを整理しました。

お客さま 内容・方向性を決める
itOlab 技術的に実現する
🙋 お客さまが決めること
🛠 itOlabが支援すること
Step 01
目的・ゴールを決める
  • 何のためにサイトを作るか
    (予約を増やしたい・知ってもらいたいなど)
  • 誰に見てほしいか(ターゲット)
  • 問い合わせ / 予約 どちらを増やしたいか
1
itOlab
目的に合った構成を提案
  • LP・コーポレート・予約サイトなど形式の選定
  • ヒアリングシートで要件を整理
  • みちびき帖(提案書)で方向性を共有
Step 02
コンテンツを用意する
  • サービス・商品の説明文
  • 価格・メニュー
  • 自己紹介・プロフィール文
  • 写真(プロフ・作品・店内など)
  • お客様の声・実績
2
itOlab
文章・構成の整え方をサポート
  • 文章の読みやすい整え方をアドバイス
  • 写真がない場合のプレースホルダー対応
  • 掲載内容のチェック・提案
Step 03
デザインのイメージを伝える
  • 好きな雰囲気・参考サイト
  • 使いたい色・テイスト(ナチュラル・シックなど)
  • 避けたいデザインの傾向
3
itOlab
デザイン・コーディング
  • スタイルサンプル(3パターン)から選択可
  • HTML / CSS でフルコーディング
  • スマホ対応(レスポンシブ)
  • 表示速度の最適化
Step 04
問い合わせの受け方を決める
  • LINE / フォーム / メール どれで受け取るか
  • 予約システムが必要かどうか
  • 自動返信メッセージの内容
4
itOlab
フォーム設計・自動化
  • Googleフォーム設計・サイトへ設置
  • GASでスプレッドシートへ自動記録
  • LINE公式アカウントとの連携
  • 自動返信メール設定
Step 05
公開・確認する
  • プレビューを確認して修正をフィードバック
  • 掲載内容に誤りがないかチェック
  • 公開OKの最終承認
5
itOlab
ホスティング・SEO設定
  • ドメイン取得サポート・DNS設定
  • Cloudflare Pagesでデプロイ
  • メタタグ・OGP設定
  • Google Search Console 登録・インデックス申請
  • プライバシーポリシー・特定商取引法ページ作成
Step 06
運用・更新を続ける
  • 更新は自分でやるか・任せるかを決める
  • お客様の声・実績が増えたら追加したい
  • 価格変更・サービス変更が発生したとき
6
itOlab
継続サポート・ミニツール
  • 安心サポートプランで月単位の修正対応
  • 売上集計・予約管理などのミニツール作成
  • アクセス状況の確認・レポート
  • SNS投稿管理シートなど運用まわりも対応