EXAMPLE
写真が弱いページ
雰囲気より実在感を優先します。
BEFORE
抽象的な背景画像だけで、実物や人が見えない。
AFTER
商品、店舗、スタッフ、利用シーン、相談風景など、判断材料になる写真を置く。
MY WORKSPACE
VISION NOTE
やりたいこと整理ノートの保存内容はまだありません。
出力できるもの
保存済みの内容をもとに、AI用設計書を作れます。バックアップ用にJSON、共有や確認用にMarkdownを書き出せます。
Learning Article / Lesson 19
初回公開に必要な写真と、あとから追加して完成度を上げる写真を分けて考えます。
Story
初めて見るサービスでは、読者は文章だけで判断していません。人の表情、場所の明るさ、商品の質感、利用シーンから、安心できるかを見ています。写真は飾りではなく、信頼材料です。
Analogy
店舗なら玄関、商品ならショーケース、講座なら講師の顔。読者が『ここなら大丈夫そう』と思う材料を先に見せます。
Why Learn This
Webサイトでは、写真が雰囲気や安心感を大きく左右します。ただし、写真が全部そろうまで公開できない設計にすると進みません。最初に必要な写真と、公開後に差し替える写真を分けておくことが重要です。
設備写真、アクセス用写真、メニューに関連する写真、初めての方向け案内写真は公開後に追加しても構いません。ダッシュボードの公開後タスクに残しておくと忘れにくくなります。
AIっぽい装飾や暗い雰囲気より、実際の商品、店舗、スタッフ、利用動線がわかる写真を優先します。過度な加工より、明るさ、水平、余白、人物の表情を整える方が伝わります。
Before / After
EXAMPLE
雰囲気より実在感を優先します。
BEFORE
抽象的な背景画像だけで、実物や人が見えない。
AFTER
商品、店舗、スタッフ、利用シーン、相談風景など、判断材料になる写真を置く。
Self Check
実物・人・場所・利用シーンのどれかが見える
写真の上に文字を重ねすぎていない
公開後に差し替える写真リストがある
AI Prompt
この業種のWebサイトに必要な写真素材を、初回公開に必要なものと公開後に追加するものに分けてチェックリスト化してください。
Next Action