【v2共通適用ルール】
この資料は参考例です。制作上の優先順位と実行条件は「LP CRAFT 指示文 v2」に従います。
例文の料金、無料対応、保証、人数、経験、サポート、顧客の感想は、制作対象の事実ではありません。実態が確認できる場合だけ採用します。
やさしさは会話姿勢です。LPの口調はブランドと読者に合わせ、一般的な共感語だけで埋めません。原稿を具体化するときは「LP_CRAFT_心に残る言葉と原稿チェック_TAKECHIL版」も参照します。

LP CRAFT｜TAKE CHIL CREW式 デザイン指示テンプレ集

この資料は、LPデザインを考えるときの内部用テンプレート集である。
LP CRAFT は、見た目だけ整ったLPではなく、
「伝わる」「安心する」「行動しやすい」LPを作ることを目的とする。

大前提として、
LPデザインはアートではない。
自己満足の表現でもない。
読み手にとって、
・見やすい
・わかりやすい
・迷いにくい
・押しやすい
ことが最優先である。

また、TAKE CHIL CREW式では、
スマホファーストを大切にする。
PCで美しく見えることより先に、
スマホで自然に読めて、気持ちよく進めて、CTAを押しやすいことを優先する。

========================================
1. デザイン全体の基本方針
========================================

LPデザインでは、次の順番で考える。

1. 誰向けか
2. 何を伝えたいか
3. どの順番で読ませたいか
4. どこで安心させるか
5. どこで行動させるか
6. そのあとに見た目を整える

つまり、
先に「流れ」、
あとで「装飾」。

========================================
2. スマホファーストの見せ方
========================================

最優先で確認すること
・最初の3秒で意味がわかるか
・文字が小さすぎないか
・ボタンが押しやすいか
・余白が詰まりすぎていないか
・画像が多すぎて重くないか
・1画面ごとの情報量が多すぎないか
・スクロールの流れが自然か

スマホで意識すること
・1つの画面で1つの意味
・見出しは短く
・本文は短め
・改行を多めに
・ボタンは十分な大きさ
・重要なCTAは何度か出す
・長文の塊を避ける

悪い例
・見出しが長すぎる
・画像の下に文字が詰まりすぎる
・ボタンが細くて押しにくい
・1画面に伝えたいことを詰め込みすぎる

良い例
・大見出しは一目で意味がわかる
・本文は2〜4行ごとに切る
・ボタンの上下に余白がある
・スクロールするほど自然に流れがつながる

========================================
3. ファーストビューの組み方
========================================

ファーストビューで最初に伝えること
・誰向けか
・何が得られるか
・なぜ安心できるか
・どう行動すればよいか

ファーストビューの基本構成
1. 小さめの導入文
2. メインキャッチ
3. サブキャッチ
4. 補足の安心材料
5. CTAボタン
6. 補足画像または背景ビジュアル

入れると強い要素
・対象者がわかる一言
・悩みをつかむ一言
・変化後の未来
・実績、信頼材料
・「初めてでも大丈夫」などの安心材料

避けたいこと
・キャッチコピーが抽象的すぎる
・ボタンが見つけにくい
・情報が多すぎて焦点がぼやける
・背景画像が強すぎて文字が読みにくい

========================================
4. CTA配置の型
========================================

CTAは最後だけでなく、途中にも置く。
押したいときに押せることが大事。

CTAを置くおすすめ位置
・ファーストビュー直下
・選ばれる理由のあと
・お客様の声のあと
・価格説明のあと
・FAQのあと
・LPの最後

CTAのデザインで大切なこと
・背景としっかり差がある
・ボタンだと一目でわかる
・押した先が想像できる言葉にする
・ボタン周辺に余白を取る
・補足文で不安を減らす

補足文の例
・まだ整理できていなくても大丈夫です
・今ある情報だけで相談できます
・無理な売り込みはありません
・はじめての方にもやさしくご案内します

========================================
5. 色の考え方
========================================

色は、見た目の好みだけで決めない。
目的と対象者で考える。

よくある方向性
・安心感：青、白、淡いグレー
・やさしさ：ピンク、ベージュ、アイボリー
・高級感：黒、深いネイビー、ゴールド系アクセント
・元気さ：オレンジ、明るい黄色、赤系アクセント
・自然感：緑、生成り、ブラウン系
・信頼感：ネイビー、ブルーグレー、白

基本ルール
・ベースカラー
・サブカラー
・アクセントカラー
の3つで考える

注意
・色数を増やしすぎない
・CTA色は埋もれさせない
・背景と文字のコントラストを弱くしすぎない
・「おしゃれ」より「読みやすさ」を優先する

========================================
6. 余白の考え方
========================================

余白は、飾りではない。
読みやすさと安心感を作る。

余白で得られるもの
・高級感
・読みやすさ
・落ち着き
・CTAの目立ちやすさ
・情報整理された印象

余白が足りないと
・忙しい印象になる
・読みにくい
・押し売りっぽく見える
・疲れる

特に余白を取りたい場所
・見出しの上と下
・CTAのまわり
・画像の上下
・セクションの切り替え部分
・FAQの項目間
・料金表の上下

========================================
7. 文字サイズと文字量の考え方
========================================

見出し
・短く
・一目で意味がわかる
・スマホで読んでも苦しくない長さにする
・句読点は読みやすさに応じて使う。確定済みの表記を勝手に変えない

本文
・1文を長くしすぎない
・漢字を詰め込みすぎない
・改行を使う
・難しい言葉は減らす

基本姿勢
・デザインのために小さくしない
・大人っぽく見せるために難しくしない
・読みやすさを優先する

========================================
8. セクション順の考え方
========================================

セクションは、作り手の言いたい順ではなく、
読み手の気持ちが進む順に並べる。

基本の順番
1. ファーストビュー
2. 共感
3. 問題提起
4. 解決策
5. 選ばれる理由
6. お客様の声
7. 料金やプラン
8. FAQ
9. CTA

業種によって前後すること
・店舗は写真や雰囲気を前に出す
・コンサルは問題提起と信頼を前に出す
・スクールは「できそう感」を早めに出す
・女性向けは共感と安心を厚めにする

========================================
9. 信頼形成要素の見せ方
========================================

信頼形成に使える要素
・お客様の声
・実績
・資格
・掲載歴
・受賞歴
・代表者の顔
・スタッフ紹介
・所在地
・運営歴
・写真
・動画
・よくある質問
・料金の透明性

見せ方の基本
・ただ並べるのではなく、読み手が安心する順に置く
・必要な場所で見せる
・ファーストビュー近くに少し
・中盤で厚く
・最後にも補強する

========================================
10. 写真・画像の使い方
========================================

画像は飾りではなく、理解と安心を助けるもの。

使うと強い画像
・商品画像
・サービス利用シーン
・スタッフや代表者
・店舗外観、内観
・実績イメージ
・ビフォーアフター
・利用者の表情
・世界観を伝えるイメージ画像

注意
・雰囲気画像だけで終わらせない
・実物感が伝わるものを入れる
・文字を読みにくくしない
・画質が低すぎるものは避ける
・同じような画像を並べすぎない

========================================
11. 世界観の作り方
========================================

世界観は、
色、写真、文字、余白、言葉づかいで決まる。

方向性の例
・やさしい
・高級感
・親しみやすい
・ナチュラル
・勢いがある
・信頼感が強い
・女性らしい
・中立でまじめ

世界観をそろえるポイント
・色をそろえる
・写真のトーンをそろえる
・見出しの雰囲気をそろえる
・アイコンや装飾を増やしすぎない
・言葉と見た目を一致させる

例
・やさしい言葉なのに黒ベースで重すぎる
・高級感を出したいのに装飾が多すぎる
こういうズレは避ける

========================================
12. 比較表・料金表の見せ方
========================================

比較表や料金表は、
一瞬で違いがわかることが大事。

ポイント
・項目を多くしすぎない
・おすすめを目立たせる
・初心者向けがわかる
・迷う人向けの一言を入れる
・補足説明を下に置く

よくある補足
・迷った方はこちらがおすすめです
・まず始めるならこのプランが人気です
・必要に応じて個別にご案内します

========================================
13. FAQの見せ方
========================================

FAQは、文字の壁にしない。

ポイント
・質問文を短く
・答えも長すぎない
・1項目ごとに余白を取る
・不安が強いものを先に置く
・料金、流れ、初心者不安は優先度が高い

========================================
14. ボタン文言の考え方
========================================

ボタン文言は、
「何が起こるか」がわかる言葉にする。

よい例
・まずは相談してみる
・今ある情報で相談する
・予約する
・空き状況を見る
・内容を確認する
・くわしく見る

弱い例
・送信
・次へ
・クリック
・申し込むだけ

========================================
15. LP CRAFT らしいデザイン指示の出し方
========================================

デザイン指示を出すときは、
見た目だけでなく、意図も伝える。

よい指示の型
・ここは安心感を出したいので、余白を広めに取る
・ここはスマホで一目で意味がわかるように、見出しを短くする
・ここはCTAを押しやすくするため、周囲の情報を減らす
・ここは信頼形成のため、代表者写真と一言を入れる
・ここは女性向けなので、やわらかく清潔感のある色でまとめる
・ここは高額商品なので、価格の前に信頼と理由をしっかり置く

========================================
16. 業種別に特に気をつけること
========================================

店舗
・写真の質
・雰囲気
・アクセスの見やすさ
・予約導線

コンサル
・人柄
・考え方
・違い
・信頼材料
・価格理由

スクール
・続けやすさ
・先生との相性
・できそう感
・体験導線

女性向けサービス
・安心感
・やわらかい色
・押し売り感を消す
・共感重視

地域密着
・地域名
・近さ
・顔が見える安心感
・対応スピード

========================================
17. デザインでやってはいけないこと
========================================

・文字を小さくしすぎる
・装飾を増やしすぎる
・CTAを埋もれさせる
・余白を削りすぎる
・色を使いすぎる
・写真の意味がない
・順番が不自然
・おしゃれだけど読みにくい
・スマホで詰まりすぎる
・安心材料が足りない

========================================
18. 最後に
========================================

よいLPデザインとは、
派手なデザインではない。
読み手が、
・自然に読める
・意味がわかる
・安心できる
・行動しやすい
そう感じられるデザインである。

つまり、
デザインは飾りではなく、導線である。
見た目を整えることより、
相手の心の流れを整えること。
それがLP CRAFT のデザイン設計である。
【v2補足】
CTAの配置候補をすべて採用する必要はない。読者が判断できる場所に絞る。
性別だけで色や雰囲気を決めない。例の「人気プラン」は実データがある場合だけ使う。
