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 TART(https://cheesetart.com/ )
- 構成:ブランドストーリー → 3つのこだわり(素材・感動・フレッシュさ)→ 商品カテゴリ → ニュース → フッター
- 配色:ミルキーホワイト+ライラックブルー+シルバー。写真は製品クローズアップで焼きたての温かみを演出
- 参考にしたい点:「3つのこだわり」の見せ方(→ ケーキ候補)。感情的メッセージ+論理的な商品情報の組み合わせ
- Mr. CHEESECAKE(https://mr-cheesecake.com/ )
- 熟成バスクチーズケーキ AGING CHEESE CAKE(https://agingcheesecake.jp/ )
- 構成:メインビジュアル+CTA → ABOUT(開発哲学)→ PRODUCT(特徴)→ STORE → NEWS → メディア実績 → 製法解説 → 成分分析 → レシピ/グルテンフリー解説 → CSR(寄付)
- 配色:白背景+モノクロームで落ち着いた雰囲気。焦げた表面を強調した写真。ゴシック体で見出し/本文の階層が明確
- 参考にしたい点:ストーリー性と透明性(開発の悩み・試行錯誤・製造者目線を詳細に)と教育的な解説(バスクの定義・グルテンフリー等)。うちの「管理栄養士の作り手」「レア=ゼラチン不使用」「アレルゲン明記」と相性がよい → note連載計画 / 許可・衛生 / ケーキ候補。第三者評価(メディア/口コミ)の見せ方は将来のフェーズ2「お客様の声」に流用
- THE BASQUE(https://thebasque-cheesecake.com/ )
- 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.ymlは Vault内のすべての .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.(ステートメント) | 文章化すれば可 |
| 3 | 3つのこだわり | ①ケーキ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