Web・SNS 運用(決めること+続け方)

  • 関連:告知素材(掲載情報・ページ構成・開設チェックリスト)/ README / KPI / コンセプト / 会場 / 懸念点 / 画像生成プロンプト
  • このファイルの役割:Webサイトを作る上で決めることと、**SNS運用で必要なこと(開設後の続け方)**を一覧化。素材・コピー・ページ構成そのものは 告知素材 に、指標は KPI にある。
  • 短期の大前提(コンセプト やらないこと):初回イベントは1日最大20名の規模・採算度外視・つながり重視バズ狙い・マス広告はやらない
  • 長期ゴール(2026/7/12 決定):Web・SNSを”実績と信頼の資産”として育て、最終的に「出張カフェ/ケータリング案件の獲得」につなげる(誕生日会・ホームパーティ・地域/企業イベント等でケーキ+コーヒーを提供)。
    • 短期の「バズらない・深さ重視」と長期の「仕事につなげる」は矛盾しない:深さ(また来たい・勧めたい)→ 実績と口コミの蓄積 → 信頼 → 依頼という順路。KPI指標B(広がり)の延長線上 → KPI
    • 💡 9/5・10/18のイベント=“出張カフェ”の実演。開催実績そのものが案件獲得の営業材料になる。

A. Webサイトを作る(方針確定)+決めること

A-0. 方針:作る(決定)★2026/7/12

⚠️ いまの公開サイト(https://45-cafe-site.pages.dev/ )はこの資料vaultをそのまま出した”内部向け母艦”。お客さん向けサイトは別に作る。

  • 告知用Webサイトを作る(決定)。ただし作り込みは段階的に(下記ロードマップ)。初回はまず「告知+来店動線」を最短で公開し、回を重ねて「実績ギャラリー→販売/受注導線」へ育てる。
  • 何で作るか(未定・要決定):拡張性を考えると STUDIO / ペライチ等のノーコード(実績ギャラリー・フォーム・将来のEC連携がしやすい)が有力。1ページから始めて増築できる形に。
    • 制作手段を決める(ノーコード〔STUDIO/ペライチ〕/既存Quartz流用/自作)

A-0d. 参考見本サイト(デザイン・構成の参考)

制作時の見せ方の参考。どちらもチーズケーキ専門で、世界観の作り方が参考になる。うちは規模が小さく人物写真NG・採算度外視なので、豪華さより「トーンF 北欧ナチュラル+手作りの温かみ」を軸に、良いところだけ取り込む。

  • BAKE CHEESE TARThttps://cheesetart.com/
    • 構成:ブランドストーリー → 3つのこだわり(素材・感動・フレッシュさ)→ 商品カテゴリ → ニュース → フッター
    • 配色:ミルキーホワイト+ライラックブルー+シルバー。写真は製品クローズアップで焼きたての温かみを演出
    • 参考にしたい点:「3つのこだわり」の見せ方(→ ケーキ候補)。感情的メッセージ+論理的な商品情報の組み合わせ
  • Mr. CHEESECAKEhttps://mr-cheesecake.com/
    • 構成:メインビジュアル → ブランドステートメント → 商品 → 店舗情報 → ジャーナル記事/ニュース → フッター(SNS・メルマガ)
    • 配色:白背景にベージュ・黒基調の上品で洗練されたトーン。余白を活かした配置
    • 参考にしたい点:詩的・感覚的なコピー(「濃厚なのにスッと溶ける」等)と限定感の打ち出し(期間限定・先行販売)。うちの「当日焼き枠・完売報告」の限定感演出に通じる → 告知素材 / note連載計画
  • 熟成バスクチーズケーキ AGING CHEESE CAKEhttps://agingcheesecake.jp/
    • 構成:メインビジュアル+CTA → ABOUT(開発哲学)→ PRODUCT(特徴)→ STORE → NEWS → メディア実績 → 製法解説 → 成分分析 → レシピ/グルテンフリー解説 → CSR(寄付)
    • 配色:白背景+モノクロームで落ち着いた雰囲気。焦げた表面を強調した写真。ゴシック体で見出し/本文の階層が明確
    • 参考にしたい点:ストーリー性と透明性(開発の悩み・試行錯誤・製造者目線を詳細に)と教育的な解説(バスクの定義・グルテンフリー等)。うちの「管理栄養士の作り手」「レア=ゼラチン不使用」「アレルゲン明記」と相性がよい → note連載計画 / 許可・衛生 / ケーキ候補。第三者評価(メディア/口コミ)の見せ方は将来のフェーズ2「お客様の声」に流用
  • THE BASQUEhttps://thebasque-cheesecake.com/
    • 構成:商品紹介 → コンセプト → 商品背景 → メニュー → オーナーメッセージ → 店舗情報 → 予約/オンライン購入
    • 配色:モノトーン基調でスタイリッシュ。完成品の大きな商品写真でプレミアム感。日本語+英語併記
    • 参考にしたい点:ビジュアル優先の情報階層(大きな商品写真を先行→背景知識は後続)と地域性の物語化(バスク地方の由来を丁寧に)。うちも「まず映えるケーキ写真→こだわり」の順が有効。オーナーメッセージ枠は**人物写真NGでも作り手の言葉(管理栄養士)**で代替できる → 画像生成プロンプト / コンセプト
  • Delicius(デリチュース)https://www.delicius.jp/
    • 構成:メインビジュアル+ブランドメッセージ → 主力商品(フラッグシップ)→ 素材情報(ブリー・ド・モー)→ 商品カテゴリ一覧 → オンラインショップ → ブランド哲学 → ニュース → 店舗一覧 → フッター
    • 配色:白・グレーのニュートラルベースでナチュラル&上品。商品大型ビジュアル中心で素材の質感を強調。日本語+英語併記
    • 参考にしたい点:フラッグシップ商品を際立たせる階層構造(1つの看板商品を先頭で大きく)。うちならその月の看板ケーキを先頭で大きく見せるのが有効(⭐9月=かぼちゃのバスクチーズケーキ。看板は毎月変わるので写真枠を差し替え式にしておく) → ケーキ候補 / メニュー案。「特別な時間」という体験価値の提示も、イベントカフェの世界観づくりに流用できる → コンセプト
  • ⚠️ 注意:5社ともブランド力・写真クオリティが桁違い。フェーズ1は真似せず「告知+来店動線」を最短で(A-0b)。構成の順番と情報の粒度だけを参考にするのが安全。

A-0b. Webの役割ロードマップ(告知 → 販売・案件獲得)

フェーズ時期の目安Webの主な役割必要になる要素
1. 告知(まず公開)初回〜開催日・場所・メニュー・来店動線ヒーロー/メニュー/アクセス/開催日/SNS導線
2. 信頼・実績(毎回積む)数回開催後世界観と実績の蓄積で「頼みたい」を醸成実績ギャラリー(映え写真)/開催レポ/お客様の声/作り手プロフィール(管理栄養士)
3. 案件獲得(出口=出張カフェ/ケータリング)実績が溜まってから出張カフェ・ケータリング依頼の問い合わせ受け皿実績(開催レポ)/対応エリア/提供内容・料金例/問い合わせ・見積フォーム
  • 💡 フェーズ2の「映える実績写真」は今の物撮り(告知素材 §0.5 いまむー)+開催の様子がそのまま資産になる。初回から毎回きちんと撮って貯めるのが案件獲得に直結。

A-0c. 出張カフェ/ケータリング案件に向けて決めること(フェーズ3の前提・早めに把握)

⚠️ 要クリアな制約(管轄の保健所に要確認):①提供するケーキの製造は「菓子製造業許可のある施設」が必須(自宅=シェアハウス製造の提供は原則不可)。会場りくばしベースは許可ありだがイベント日以外に使えるか未確認。②提供先での営業の扱い(ケータリング/臨時営業許可 等)。→ 出口を本気でやるなら製造場所の確保+営業許可の確認が最上流会場 / 懸念点 ⑩。

  • 提供形態を定義:どんな案件を受けるか(誕生日会・ホームパーティ・地域/企業イベント)/規模(人数)/メニュー(カット提供・ホール・ドリンク込みか)
  • 製造場所(許可施設)の確保:継続するなら必須。会場の平日利用可否 or 他のシェアキッチン → 会場
  • 営業許可の要否:ケータリング/出張提供・イベント出店の許可を保健所に確認(臨時営業許可 等)
  • 料金設計:出張の料金体系(人数×単価/出張費/最低ロット)=イベントのカット売り700円とは別軸 → 予算 / メニュー案
  • 運搬・什器:出張先への運搬・保冷・提供什器(イベントの運搬ノウハウ→ 当日運営 が土台)
  • 問い合わせ・決済導線:Webの問い合わせ/見積フォーム・オンライン決済 等(※当日の対面決済は 決済プラン
  • 実績の蓄積ルール:毎回の撮影・お客様の声・開催レポを仕組み化=営業材料に → KPI

⭐ A-1a. 初回前は「1ファイルの簡易サイト」だけ作る(2026/7/27決定)

決定:初回9/5の前は1ファイル(1ページ)の簡易サイトだけ作る。フル構成は初回後(写真・実績が揃ってから)。 中身は4つだけ:①日時(9/5 土 11:00–19:00)②場所(Googleマップ埋め込み・三鷹駅/駐車場なし・駐輪2台)③価格(ケーキ700/ドリンク400/セット1,000)④お支払いは PayPay と現金。+主役写真1枚とInstagramへのリンク。 ※アレルゲン(卵・乳・小麦)も1行入れる。⚠️人物写真NG・絵文字なし・トーンF。

🔴 先に確認が必要な重大な前提

  • ⚠️ .github/workflows/deploy-site.ymlVault内のすべての .md を公開サイト(Cloudflare Pages)へ同期する(除外は CLAUDE.md / *.html / index.md のみ)。README.md は公開トップページになる
  • つまり 予算(持ち出し額・原価)・懸念点(弱み)・会場(西山さんとの関係)・メンバーの巻き込み方(内部の人間関係)も公開対象になる。
  • 簡易サイトを作るなら、公開するファイルを絞る仕組みが先。→ やること 4-5

⭐ 決定(2026/7/27)

  • 全公開を容認する(プロセスエコノミーの方針と整合 → note連載計画)。ワークフローの同期方式は変えない
  • ただし メンバーの巻き込み方 だけは非公開(チーム内の人間関係に触れるため)→ deploy-site.yml--exclude に追加済み
  • ⚠️ 今後ノートを増やすときは「公開される」前提で書く。内部限定にしたいものは都度 --exclude に追加が必要
  • ⚠️ 技術的な注意:rsync は --exclude したファイルを受け側から削除しない(保護される)。もし過去に一度同期されていた場合、除外を足しただけではサイトから消えない → サイトリポジトリ側(hato-taka/45-cafe-site の content/)を直接確認し、残っていれば手動削除が必要

A-1. サイトで決めること(フェーズ1・公開に向けて)※フル構成は初回後

  • 目的の優先順位:まず来店動線(地図・日時)>信頼(どんな人・安心)>継続告知(次回いつ)。将来は販売・受注導線を追加(A-0b)
  • URL/ドメイン:無料サブドメインで良いか、独自ドメイン(例 andcake.jp)を取るか
  • ページ構成:ヒーロー/&cakeとは/メニュー/アクセス/開催日/お店の人/フッター → 詳細は 告知素材 §3③
  • 掲載情報:確定情報は 告知素材 §1 から流用。⭐ ★2026/8/14に2つ決着SNSハンドルは @cake_and_ のまま(店名は「&cake」に変わったが変更しない)/開催日ルールは「毎月開催する予定」と書く。🔴 残る未確定は価格だけ(原価を出してから決める)
  • ビジュアル方針:トーンF(北欧ナチュラル)・⚠️人物写真は使わない(ケーキ/手元/イラスト/肩書き)・ブランドカラー/ロゴは未定 → 画像生成プロンプト
  • 問い合わせ導線:予約不要なので受け皿は IGのDM or LINE(フォームは不要)
  • 地図・支払い・アレルギー:Googleマップ埋め込み/PayPay と現金/アレルゲン(乳・卵・小麦)を明記
  • 更新運用:毎月の「次回開催日」を誰が・いつ・どうやって更新するか(更新が滞ると逆効果)
  • 計測:簡易アクセス解析を入れるか(IG流入との突き合わせ用)→ KPI
  • 公開タイミング:本告知(8/18〜)に間に合わせる → スケジュール 告知タイムライン

A-1c. ページ構成案(フェーズ1・1ページ/たたき台)★2026/7/13

5サイト(A-0d)に共通する型=大きな商品写真 → こだわり/ストーリー → メニュー → アクセス → 導線を、うちの確定情報(告知素材 §1)に当てはめたもの。1ページ縦スクロールで組み、スマホ最優先。ナビは省略可(ページ内アンカーのみ)。⚠️ 人物写真NG・絵文字なし・トーンF。 ⚠️ 未読:ケーキ候補 がiCloud未実体化で確認できず。「こだわり3つ」の文言は §3・コミット履歴ベースの仮。公開前に ケーキ候補 と突き合わせる。

#セクション載せる内容(確定情報から)参考にした見本状態
1ヒーローロゴ**&cake**/コピー「月に一度、友だちの輪がひろがるケーキ屋さん。」/9.5 SAT 11:00–19:00/りくばしベース(三鷹・上連雀)/⭐かぼちゃバスクの写真(自分でスマホ撮影 §0.5)/CTA=Instagram・地図全社(大きな商品写真を先頭)/Delicius(看板を主役)写真=8/8-9撮影・ロゴは8/9までに決定
2&cake とは想いを短く:毎月開催のケーキ&コーヒーのカフェ/「&」=つながり → コンセプトTHE BASQUE(コンセプト)/Mr.(ステートメント)文章化すれば可
33つのこだわりケーキ5種(月替わり)②レアはゼラチン不使用③管理栄養士がつくる安心。⚠️当日焼き枠は初回やらないBAKE(3つのこだわり)/AGING(透明性・製法解説)⚠️文言は要確認(ケーキ候補
4メニューケーキ5種+ドリンク/ケーキ700・ドリンク400・セット1,000(100円お得)/月替わりフレーバー/アレルゲン明記(卵・乳・小麦)メニュー案全社(商品カテゴリ)価格は確定・掲載可
5開催日・アクセス9/5(土)+毎月開催/Googleマップ埋め込み/三鷹駅・駐車場なし/駐輪2台・公共交通で/予約不要・当日フリーPayPay と現金AGING/Delicius(STORE)/THE BASQUE(店舗情報)次回開催ルール未定
6お店の人肩書き+ニックネーム(管理栄養士ちゃっぴー・元カフェ店員ゆかり)=安心感。⚠️人物写真なし(イラスト/手元/肩書きテキスト)THE BASQUE(オーナーメッセージを言葉で代替)掲載可
7フッター/導線Instagram・TikTok/#andcake/問い合わせ=IG DM or LINE(フォーム不要)/(将来)出張カフェ問い合わせMr.(SNS・メルマガ導線)/全社(複数導線)SNSハンドル未定
  • 公開の前提(これが埋まらないと出せない):SNSハンドル(@)/レアチーズ物撮り/ロゴ・ブランドカラー/次回開催日ルール → 告知素材 決めること・§0.5。
  • フェーズ2で足す枠(今は場所だけ確保):実績ギャラリー(開催写真)・開催レポ・お客様の声 → A-0b。第三者評価の見せ方はAGINGを参考
  • フェーズ3で足す枠:出張カフェ/ケータリングの提供内容・料金例・見積フォーム → A-0c。

A-1で決まっている/未定(現状)

  • アクセス:三鷹駅・駐車場なし・駐輪2台
  • トーン:F 北欧ナチュラル
  • 写真方針:人物NG
  • 価格(3案A/B/C)→ メニュー案
  • SNSハンドル(@)
  • ブランドカラー・ロゴでの「&」の見せ方
  • 次回以降の開催日ルール(毎月第◯土曜 など)

A-1d. 制作前に決めること(意思決定リスト・優先順)★2026/7/13

A-0/A-1/§決めること/コンセプト に散っていた未確定を、依存関係の順に1枚へ集約。上から詰まると下が止まる。担当・期限は3人で埋める。

P0:起点(これが決まらないと他が全部止まる・今週)

決めること選択肢/たたき台何が止まるか(依存)決定場所
店名を確定/保留のまま進めるか「&cake(アンドケーキ)」で確定(2026/7/27)。改名しない解消。ロゴ・ハンドル@cake_and_に進めるコンセプト
SNSハンドル(@)@and.cake / @andcake.mitaka 等(IG/TikTok統一)プロフィール・リンク集・ポスター下部・LINE文・Webフッター告知素材 §決めること
制作手段ノーコード〔STUDIO/ペライチ〕★/既存Quartz流用/自作着手そのもの・以降の作業分担A-0
レアチーズ物撮りいまむー撮影(§0.5)/間に合わなければ生成画像で仮ヒーロー画像・SNS 1本目告知素材 §0.5

P1:公開に必要(8/18本告知に間に合わせる)→ スケジュール

決めること選択肢/たたき台補足決定場所
URL/ドメイン無料サブドメイン(例 xxx.studio.site)/独自ドメイン(例 andcake.jp)独自は店名確定が前提。年数千円A-1
ロゴ・ブランドカラー・「&」の見せ方「&」を主役に → 画像生成プロンプト ロゴ案ヒーロー/ファビコン/全体トーンに波及告知素材 §7
キャッチコピー最終決定A/B/C案 → 告知素材 §2ヒーロー・&cakeとは の文面告知素材 §2
「3つのこだわり」文言⚠️要更新(5種化・当日焼きなし)⚠️ケーキ候補 と要突き合わせケーキ候補
価格の最終確定§1は800/300/セット1000で確定的。ただしメニュー案に3案A/B/Cが残る=要一本化メニューセクション掲載メニュー案
次回以降の開催日ルール「毎月開催する予定」とだけ書く(★2026/8/14 決定)。⚠️**「毎月第◯土曜」のような固定ルールは決めない**具体日は決まった分だけ載せる(9/5・10/18)決着

P2:運用・計測(公開後も続くもの・公開までに方針だけ)

決めることたたき台決定場所
更新運用(次回開催日を誰が・いつ・どう更新)担当1名+更新手順をメモ化。滞ると逆効果A-1
問い合わせ導線の運用受け皿=IG DM or LINE(フォーム不要)/返信目安時間A-1・B-4
計測簡易アクセス解析を入れるか(IG流入と突き合わせ)KPI
公開タイミング本告知 8/18〜 に間に合わせるスケジュール

すでに確定(決め直し不要):店名読み仮名=アンドケーキ/トーンF 北欧ナチュラル/人物写真NG/SNS範囲=IG+TikTok(IG主軸)/アクセス表記(三鷹駅・駐車場なし・駐輪2台)/地図=りくばしベースGoogleマップ/支払い=PayPay と現金/アレルゲン=卵・乳・小麦。

🔗 依存の要約店名 → ロゴ/ドメイン/ハンドル → コピー/掲載情報 → 制作着手。 ✅ 店名は確定(&cake・2026/7/27)最上流は「ロゴを決めること」に移った(8/9目安)。ロゴが決まらないと紙物8点・ポスター・Instagramアイコンが作れない → 画像生成プロンプト / やること 2-3


B. SNS運用で必要なこと

重心は Instagram(主軸)。TikTokは地域リーチと計測用に負担にならない範囲。→ 開設手順のチェックリストは 告知素材 §0「SNS開設チェックリスト」。ここでは開設後に続けるために必要なことを整理。

B-1. 立ち上げ(最優先・今すぐ)

  • ハンドル(@)を確定:IG/TikTok統一(例 @and.cake / @andcake.mitaka)← 全部の起点。今週の最優先告知素材 §決めること
  • プロアカウント設定(IG=ビジネス/クリエイター、TikTok=同)=インサイトで計測可能に
  • プロフィール整備:一言コンセプト+9/5開催・場所・予約不要・PayPay と現金・#andcake/アイコン(ロゴ or 仮でケーキ写真)
  • リンク集(lit.link等):地図・LINE・(作れば)Webへ1枚で誘導
  • ハイライト/固定:開催情報・メニュー・アクセスを常設

B-2. コンテンツ計画(何を・どのくらい)

無理なく続けるのが最優先。準備期は週1〜2本、開催直前は増やす。ネタは”作る過程”が主役(人物は写さない=手元・ケーキ・工程)。

時期投稿ネタねらい
開設〜7月save the date・世界観・レアチーズ物撮り(→ 告知素材 §0.5)存在を知らせる・フォロー獲得
8月前半試作・仕込みの様子・ケーキの紹介期待感・信頼(手作り)
8月中旬メニュー/価格の予告(ティザー)来店の動機づけ
8/18〜本告知(日時・場所・メニュー・価格)意思決定を促す
8月末〜前日カウントダウン・リマインド・来店時間の分散お願い取りこぼし防止 → 来店予測
当日・後日当日の様子・お礼・「完売しました」報告・次回予告再来と口コミ(完売=特別感)→ KPI
  • 💡 過程の深掘りは note連載(プロセスエコノミー)で:赤裸々な物語でファン化 → 出張カフェ案件の入口 → note連載計画。SNSは入口、noteは読み物、と役割分担。
  • ネタのストック:物撮り・試作・仕込み・フレーバー紹介・当日カットを撮りためる
  • 投稿頻度のルールを3人で合意(例:準備期 週1、直前週 週3)

B-3. ハッシュタグ・トーン

  • 固定タグ:#アンドケーキ(ブランド)+ 地域タグ(#三鷹 三鷹カフェ 武蔵境 上連雀 等)でご近所に届ける → ターゲットは ペルソナ
  • トーン統一:北欧ナチュラル(トーンF)/⚠️告知コピーは絵文字なし(生成AIっぽく見える)/人物写真は使わない

B-4. 運用ルール(続けるための線引き)

  • 担当:投稿・DM返信を誰が持つか(善意頼みにしない → コンセプト やらないこと)
  • DM/コメント対応:問い合わせの受け皿=IG DM。返信の目安時間をゆるく決める
  • 撮影・掲載の配慮:メンバー人物写真NG/来客の写り込みに配慮(当日POPで「撮影OK・#andcake」→ 拡散は歓迎)→ 告知素材 §6
  • やらないこと:フォロワー買い・過度なバズ狙い・広告出稿はしない(規模に合わない)→ コンセプト

B-5. 計測(KPI 指標Bと直結)→ KPI

  • 開設〜LINE告知の前後でフォロワー数・リーチ・プロフ閲覧を記録(初期値)
  • 見るのは:自発的な投稿・シェア・「行きたい」反応・保存・DM(初回は数件でも◎)
  • LINE文に「詳しくは Instagram @〇〇」を入れ、LINE→IG流入を作る
  • 当日の「どこで知ったか」4択集計で最終的な流入源を確定 → KPI

いちばん最初にやること(詰まりの起点)

  1. SNSハンドル(@)を1つ決める → これが無いとプロフィール・リンク集・ポスター下部・LINE文・Webドメインがすべて止まる。
  2. IG/TikTokをプロアカで開設・プロフィール整備(告知素材 §0)。
  3. Webはフェーズ1(告知+来店動線)を最短で公開。制作手段を決める(A-0)→ 告知素材 §1・§3③の情報で1ページ組む。
  4. 長期の出口(出張カフェ/ケータリング案件)に向け、初回から実績写真・開催レポを貯める(A-0b/c)。並行して製造場所の許可+出張提供の営業許可を保健所に確認 → 会場 / 懸念点 ⑩。