MV直下のSCSC CUEとSCSC、これらの紹介は見るレベルでなければならない！
左がCUEで、右がSCSCとし、タイトルは「究極のWEBサービス」で、 安さのCUE or成果のSCSCという対比構造になる。

コンテンツを作る手順は、
大タイトル～サブタイトル～小タイトル～本文～画像

大タイトルは、コンテンツの前後の流れもあり、それも踏まえ最適な大タイトル名を付ける必要がある！
そして、USPコンテンツは3つの中のどれかを強調orかけ合わせたらよいということではない。総合的に訴求できるように、まだ見るレベルで興味喚起せねばならない。
よって、それに最適なワード・文章を選ばないといけない！

USPを訴求する細かい文章はまだ見るレベルなので余り文字数が多くても読まれない。よって各100文字程度。

まず、投げかけ共感を得て、GDNがなぜ無料でできるのか？をまとめた文章を謳い、次が気になるようにしていくべし。
画像も、ここではまだ見るレベル。よって、設計の時点でしっかり定義しないといけない。
普通WEB設計でここまで画像の規定はせず、画像選定者にお任せにするから、サイトがぐちゃぐちゃになる。
サービス紹介、ＵＳＰ訴求コンテンツまでは、ガーディアンの自己紹介のゾーン。
この後、コンテンツの主語がお客さまに移っていきます。

Kさん＞ユーザー1stのコンテンツ
このコンテンツから主語がお客様に変わる。
サブタイトルは総合的なお悩みを端的に表したものになっている。

6つの質問があるが、6つの数字をふることで視線誘導

お客様の共感が欲しいコンテンツになるので、非共感が2つ続くと興味を失われてしまう可能性がある。
そこで、間に必ず共感を得るものを挟んでいる。
費用系・よく分からない系・WEB人材がいない成果が上がらない系の3分類。
画像は全てイラストで統一している。
→写真は解釈の幅を持たせてしまう。イラストの方が情報量を多く入れられるので齟齬が生まれにくい。
画像は信頼性やリアル感が上がったりもするが、ここでは解釈の幅をあまり生まないようにイラスト

青山さん＞ここで教えたのは4点
・写真
・イラスト
・アイコン
・図解
・場合によっては動画がある。

なぜこれにするのか？も、全て定義可能。
今回はまだ見るレベルで、見るレベルの中で訴求力を増したい。できるだけ網を広げて我との関連性の中で引っ掛けるにはイラスト一択しかあり得ないと定義。
この思考を必ず持つべし。

Kさん＞クリッカブルについて
これまで、タイトル・サブタイトルに呼応する形でクリッカブル文言を設定
今回も踏襲していこうとしていた。
「こんなお悩みありませんか？」というネガティブなイメージのタイトル文言だったので、ネガティブのクリッカブル案が出ていたが、
ガーディアン主語からお客様主語に変わったから、「お悩み事解決ページへ」というポジティブな文言にする。

ネガティブから、ポジティブ系訴求をするのがこちらのコンテンツ
先ほど6つだったのが今回8つに。
ネガティブよりポジティブゾーンの方が多くなければならないので8つ。

青山さん＞ベネフィット定義
みんな解決策を出したりUSPを押したりしていた。
お客様が享受する利益を刺すのでメリットと明確に区別が必要。
ベネフィットは、お客様が享受するということなので、サービスやWEBの話に触れてはならないというのがポイント。
営業で有名なドリルの本は、ドリルが欲しいのではなく、ドリルによって開けられる穴が欲しいというもの。

穴が手に入りますよ・穴が開きましたという事が大切で、ドリルに触れるべきではない。
だからここでWEBに触れるのはナンセンスということ。
お悩み・お困りごと→原因→解決策→商品・製品・サービスがあってベネフィットがある。
そのため、ここでは商品・製品・サービスとは切り分けが必要。

①お悩み事・お困りごと⇒原因⇒解決策⇒商品・製品・サービス⇒ベネフィット
②症状⇒対応対処⇒プラスマイナス0

つまり①だと利益を享受できるプラスがある。
つまりベネフィットの道だけはプラスを生むハッピーゾーンになる。
このベネフィットは先ほどのお悩み・お困りごとの対極にある。
ネガティブゾーンのお困り⇒対極のハッピーゾーンになる。
①の矢印ひとつひとつがメリットで、ベネフィットがたどり着きたいゴール。
ＧＤＮからすると商品・サービスがゴールだが、お客様からするとベネフィットがゴールで、それを忘れてはいけない。
②の原因にいかない策は対応対処で終わってしまう。それもメリットかもしれないが、プラスマイナスゼロ。
だから両極を最初にTOPに出している。
単純ではなく非常に深い設計になっている。

Kさん＞ベネフィットはお客様が享受するものなので、
タイトルで「知らなきゃ損、もったいない！」「あなたの同業は、すでに手にいている！」等結構強気に出ている。
項目は、8つの純粋なベネフィットだけを抽出した。

青山さん＞体系化の重要性を教えた。
体系化することで思考がぶれることがなくなる。
商品・サービスを経てお客様が得るベネフィット・ゴールからの8つの選出する（≠メリット）
ガーディアン側のメリットだけでは全く違うものになる。

Kさん＞構成は2×4の並びで、横に広がっている形
＝横に視線が並ぶのでまず上下に分けている。
・上段：イメージしやすい直接的なベネフィット・利益
・下段：例：経営者がイメージしやすい例
ここではアイコン選定。
上にイラストがあるので、イラスト〜イラストの並び順は基本的になし。
領域的に写真も小さくなり、あまり訴求できなくなる。
そのためアイコンを選択した。
できるだけ直感的にイメージでき、解釈の幅が少ないアイコンを選定する。

クリッカブルは「得＝WEB成功」の手に入れ方。
青山さん＞お客様主語系のクリッカブルは前に進める系にすること。
タイトルと同じ位置ではなく、前に進ませる

表組みによる自社と他社のサービス比較コンテンツ
タイトル：『SCSC＆SCSC CUE　vs　他社サービス50選』
サブタイトル：『自信あったけど、マジで50連勝!?』

最初にサブタイトルは結果ありきで考えてしまっていたが、それだと閲覧者心理としてはだめ。
比較系で自社が不利に出すデータを出すところはない。
分かっている上に推されたら冷めていく。が50連勝!?となると本当！？となる
見る可能性をいかに広げるか。
比較表はこの段階で本気で見られることはない。どこかの段階で戻ってくる可能性が高い。
さーっと〇が多いと見るだけだが、具体的に50と出すと見てもらえる・意識してもらえる確率は増える。

比較結果「無双」
他社と比較して自社がひとつひとつ無双している必要はないが、全体を通して無双になっているか。
無双・圧勝・勝ち・引き分け・負けの5段階評価。
要はガーディアン主語の場合はできるだけ劣化評価をする。その状態で冷静に見てどうなのか。
SCSC CUEとSCSCの複合的な基準とする為、カテゴリを
・初期費用無料の範囲
・独自ドメイン
・月額フェーズ
…として分けている。
その各項目内でページ数やSEO対策の必要機能等の項目。
つまり単純比較表というと思いつく項目を上げて適当に〇をふるが決してそういう比較表ではない。

CUEとSCSCを合体した比較表でなければならない。
他社プラン10社といかに比較するか。
複数の事案をひとつの表で対比したら良いかという考え方。
カテゴライズ工夫をすることでひとつできれいにまとまる。

・解釈の幅を生まないように、いかにすごいと思ってもらい、正確に理解してもらえるか、各項目の表現の仕方にもこだわった。

閲覧者は一般的な対比表を見るときに〇✖をきちんと見ていない。
何を覚えているかというと項目。

〇✖は確認チェックで、閲覧するときの主語は絶対に項目。
注目されるのも項目、よってここに訴求する余地がある。
項目が考え抜かれていれば「え、こんなことまで？」となる。すると本当に対比で見る。

このコンテンツをどう活かすかは、項目にこそ妙がある。だから並び・見せ方・文言に徹底的にこだわらないといけない。もし目を止める人がいたら仕留められるくらいになっていなければならない。
だから深く科学されている。

設計者もいつも多くの比較表を見ているはずだが、自分の思考がどう動いているか分析していない。
気づき、他の人もそうだとなると勝負どころを見つけたことになる。
他社は〇を並べて満足しているがそうではないし、自己満足をアピールしても仕方ないので、徹底的に冷静に劣化評価としている。
コンテンツひとつでも非常に深い。
今日の参加者は概念を変えるように、ただ〇を並べればよいということではない。

50項目ある比較結果のまとめ
比較表に目は止まるが、しっかり読まずまとめを見る人がいる。
他社コンテンツには比較表まとめはないが、先ほど概念を変えた・意味合いを持たせた。
そこからまとめが活きるように設計されている。

「よく見ると、思ったのと違うことが書かれていました7選」
この7選を真に受けた人は、他社の謳っているサービス文句はアテにならないと気づき、余計この比較表をアテにして、よりちゃんと読むことにもなる。

タイトル「SCSCでスクスク育ちました！」
ベネフィットではサービス名を出していない。そのあと出しているので、ここでもしっかり出している。
GDN主語～お客様主語～サービス・商品主語に変わっていく。
両端を抑えたから、いよいよというフェーズに入っていく。
SCSCだと売り上げUP等分かりやすいものがあるが、
CUEだと2千円のコストダウン…求めているWEB成功の形があるので、「いろんな」としている。
ハードルを下げてベネフィットではなくても、メリットで良い。

・ポイントになるのは、事例とタグ
タグが多いと視認性が悪くなりがちだが、画像工夫で視認性が悪くならないようにしている。
タグ自体も種類により色分け工夫もする設計
徹底的に我との関連性に網掛けしてタグ付けして、訴求を強めていく。
クリッカブルは実際の成功事例
かつ上のタイトルと呼応。またここでは敢えての「スクスク」片仮名

タイトル：まだ「？」残ってませんか？
閲覧者はここまでスクロールしてくる過程で何かしらに引っかかって興味があればすでに下層ページに飛んで行っているはずなので、ここまで見た人は余り興味がないはず。
TOP下に置くよくある質問系は、流し見をしてきた人が多い予測に基づき項目出し。
最後に引っかけるリベンジ・総決算としている。

構造的に絶対にここで目が留まる、大きい9つのパネル。
質問文言もお客様に寄り添ってというより、本当にすごいの！？やUSP訴求と繋げる6万サイト・制作費無料等にしている。

・つつかれ系：外部から。例）WEB担当が上司に上げた際につつかれより深堀したい
・内包系：例）お客様の中にある面倒・大変という想いに対して訴求する
イメージとして、つつかれ系は自由質問への回答で、内包系は限定質問への回答。

・見せ方として3*3パネルなので色々なところに視線が行く可能性がある（右・下・右斜め下…）
一番目立ちやすいのは左上と右下になるので、1つ目と9つ目に一番ひっかけたい事を設置。
ポイントとしてSCSCとSCSC CUE両方のモックサイトなので、どちらかに寄ってしまわないようにしている。
後は視線誘導が効き辛いので、順番を大事に考えている。

めちゃくちゃキラーコンテンツになる。
なぜこんなキラーコンテンツをこんなに下に置いているのか？

SCSC・CUEのモックサイトではあるが、GDNコーポレートサイトに組み込む前提がある。
GDNコーポレートサイトTOP上部目立つところに組み込む。
それを考えたときに、OWL工法動画を見る方のパターンとして、色々な流入経路がある。
広域線で配置を考える必要がある。

キングダムの将軍の例えとして
蒙武は最大限・最前線の攻め。蒙驁が本陣にどっしり構えている。
コーポレートサイトでは最前線。逆にこちらでは最後にどっしり構えてここで落とすという使い方。

デフォルトで「SCSC＆SCSC CUE News」
普通のサイトだとただのWhat's Newなどだが、それでは勿体ない カレンダーを利用し、タグでも使い分け。

プロモーション動画

専門性・とは系・経験性
SEO対策としてテキスト量がかなり増えている
about usで少し物語調にしている。
ビジョン、こだわり・とは系
歴史や実績
EEATを意識したSEOコンテンツ
SCSC CUE／SCSC紹介代理店募集

フッターは前回のWEB学校で学んだ通り。
「究極のWEBサービス」がキー・たまり場で、他へのナビゲーション、他の文言にも拘っている。

MVは一番最初に目に入る、自己紹介でなければならない。
かつTOP・サイト全体を踏まえて最適なMVでなければならない。だから一番最後に考える。
MVは5枚のスライダーを考え、それぞれにテーマとキャッチを付ける。

①SCSC CUEのロゴと名前と強み
②SCSCのロゴと名前の強み
※CUEとSCSCを1枚に入れてはいけない。大原則：訴えることは1枚に1つ
③3つのWEB恩恵へ飛ばす
④お悩ごと解決ページ
⑤WEB成功事例

コンセプト・キャッチ・イメージ画像等の要素を定義して、これを見ればデザイナーも意図を外さないというところまでしっかり作る。

④お悩みごと解決ページで、また主語がお客様に移っているのがポイント。お悩みから解決への誘導が大事。
⑤WEB成功事例は、最後のスライダーで、ストーリーとしてハッピーエンド
人の写真がベストだが、喜んでもらっている、ハッピーな雰囲気が伝われば良い。
ポイントとしてはキャッチとあまり顔が近くなり過ぎないように囲う形で真ん中に設置。
「日本中の中小企業　皆様に喜んでもらっています。」
「GDNはWEB成功を全力支援します。」

1枚1テーマ原則で、主語がお客様かGDNか、もきちんとして思考を懲り固めず楽しんで設定する。

コンテンツひとつひとつを考えるのは大変。
1コンテンツのレイアウトも大変な上、1ページを通してコンテンツだとぐちゃぐちゃになるから基本設計で助けている。
1コンテンツ1コンテンツ非常に深いが、本来当たり前のレベル。
見栄えだけ良くても仕方ない、勝たせなければならない。

・これらの半分以上は実業務で求められている。

・先週SCSC事業部で制作したサイトを以て、全てのコンテンツにおける定義がきちんと同時にアウトプットされる。
今日のWEB学校のおさらいになるが、よりデザイン要素も定義されている。
この位置のフォントの大きさは適切か？この余白は？クリッカブルボタンが角カクor角丸か？

・デザインは主観であればアーティスティックと言っているようなもの。
マーケティング科学の推移であり、完全に根拠立てて説明できる定義書となる。
真剣に取り組めば非常に勉強になる。