Keyboard Shortcuts

Keyboard shortcuts are available for common actions and site navigation.

Skip to content

新卒でも作れる⁉LP制作の教科書

March 8, 2019
5年間、制作会社のWEBディレクターとして様々な化粧品ブランドのLPを制作してきました。これは退職のタイミングでチームの若手ディレクターにノウハウを残したくて作った、社内向けセミナー資料の一部です(私の卒論であり、チームへの愛w)。誰かの役にも立ちますように。

5年間でLP100〜150本くらい作ったから集大成として「新卒でも分かるLP制作メソッド」を作ってる ・ストーリー設計 ・ワイヤーフレーム ・コピーライティング ・デザインディレクション のコツを 社内用資料だけど完成したら差し支えない程度にオンラインに載っけたい 苦労はコンテンツに昇華せねば

3 replies 1 retweet 16 likes

某LPを題材に ・買う側目線(インサイト) ・売る側目線(販売戦略) ・両者のマッチ を体験してもらうワークショップと 軸がブレないLP制作方法の講義を開催しました 新人でもロジック通ったLP作れてほしくて、7工程に分けた制作手順を考えた 私の頭の中全部置いてきたー という(ほぼ)最終出社日

3 replies 1 retweet 21 likes

退職時の置き土産として若手ディレクターのために作った ♯LP制作の教科書  WEBに公開したいと言いつつ約90P分の資料、社外秘消すだけでも終わる気配がないので、雑に載せられるスライドだけアップする作戦!TL荒らしてごめんなさい!そのうちnoteかスライドシェアかなんかにちゃんとまとめたい! ➀

1 reply 2 retweets 33 likes

② ・売る側・買う側目線をマッチさせるために大切なこと ・LP制作の手順(7工程に分けて考える) <ワイヤー制作する前の注意> ・誰が作ったかわからない過去の制作物マネするのやめて ・いきなり空のパワポ開いてワイヤー書き出すのやめて ♯LP制作の教科書

1 reply 13 likes

③工程1:販売戦略(コアメッセージ)を考える ・考えられるLP4パターン ※化粧品販売が専業でした ・商品(ブランド)の魅力で売る場合 ・特典(得)の魅力で売る場合 ・使用シーンへの気付きで売る場合 ♯LP制作の教科書

2 replies 11 likes

Twitterすごい😳LP資料反響あって嬉しいです。 妥協して載せなかった1枚もモーメントに追加しておきますー モーメントは固定ツイ見てください。 (追加)③工程1:販売戦略(コアメッセージ)を考える ・商品カタログ

1 like

④工程2:掲載要素を洗い出す ・LPに掲載できる要素(情報)を洗い出す ・同じ情報でも見出しの付け方で役割を変えることができる ♯LP制作の教科書

1 reply 3 likes

⑤工程3:シナリオを組み立てる  ・掲載要素を使って1本のシナリオを作る。要約したとき1で作ったコアメッセージからぶれてないか注意 ・シナリオ作りは購買行動モデルを参考に ・シナリオに組み込めない要素は「ちなみに」で対処 ・男女で購買行動が違うため刺さるシナリオも変わる

1 reply 6 likes

⑤工程4:レイアウトを考える ・全体俯瞰/エリアごとの2段階に分けて考える。コピーは忘れる。 ・全体俯瞰レイアウトのポイント2つ ・エリアレイアウトのポイント4つ

1 reply 4 likes

⑦工程5:コピーを考える(1) ・全体の見出し・ボディコピーをテキストエディタで作る ・すべてのエリアの見出しを購入の後押しにするつもりで ・見出しは2語しか見られないらしい ・メリットよりベネフィットの言葉を

1 reply 4 likes

⑧工程5:コピーを考える(2) ・擬音、しずる感のあるコピーは女子に刺さる ・問いかけ、セリフのコピーも女子に刺さる ・口コミエリアは見出しの付け方と選定で役割をコントロールできる ・キャンペーンのキャッチコピーは特典と商品の謎かけ 事例が見せられなくて残念。考えよ

1 reply 4 likes

⑨工程5:コピーを考える(3) <ボディコピーのライティングポイント> ・文字校は紙で ・文章作法は一応知っておきたいとこ ・不要な接続詞はカット、同単語は原則1回 ・文末のリズムと、息継ぎなしで読める長さを意識 ・文章は箇条書きから ・書いたコピーは声に出してチェック

1 reply 4 likes

⑩ 工程6:ディテールを整える 工程7:第3者チェックを依頼する <デザインディレクションのポイント> ・ディレクターは「デザイン善し悪し」よりマーケ目線で判断 ・修正指示は「意図」で伝え「表現方法」はデザイナー任せ ・ディレクターの「主観」指示はデザイナーに嫌われる

1 reply 5 likes

以上です。満足しました。 退職&誕生日記念の自己満投稿。 おめでとうの 🎉をくれる もお待ちしてますw ⬇︎

1 reply 2 retweets 9 likes

モーメントきっかけでお声かけいただきWEBマーケの会社さんでLP制作のためのワークショップとセミナーさせていただきました。 嬉しいぃ🥺✨ 「せっかく作ったしセミナー行脚行きたい」って思ってたら念願叶った。 (行脚はしてない) 資料もある程度公開できる内容に修正できたからまた使いたい🥺✨

1 reply 2 retweets 16 likes

今日はさんに会社にきていただき、LP制作のワークショップ&セミナーをしてもらったのですが、内容が目から鱗だらけで本当に最高の時間でした!自分はTwitterきっかけだったので、興味ある方は連絡してみては!?ほんとにすごいです!

2 replies 1 retweet 7 likes

森さん()の投稿されていたモーメントをきっかけに、今日は実際にご来社頂いてLP制作講座を開いて頂きました😭💭 段階を踏んで紐解きながら講座をしてくださったので、終わった頃には絡まっていたものが一本の線になったかのように理解していく事が出来ました😭😭😭 本当に貴重な時間でした...

1 reply 1 retweet 8 likes

セミナー行きたい… らへんで 特別講師として読んでもらえたりしませんかね…! (毎度好き勝手言っててごめんなさい笑)

1 reply 1 retweet 8 likes