見出し画像

【職業訓練記⑩ Photoshop編】 「デザイナー入門: 初めてのLP(ランディングページ)制作」

2025年12月にも入り、職業訓練も四ヶ月目突入
Week16 〜 Week17 に入りました。

Week16では「クリエイター能力向上演習(Photoshop)」と題して数十時間のインプットを行いました。

Week17には新たな課題が明示されました🔽

「実践スキル習得演習(Photoshop)」
(実技課題:スキンケア用品の紹介用LP作成)


【職業訓練記⑨ Photoshop編】 「デザイナー入門: 初めてのバナー制作」👇

⬆️前回は初めてPhotoshopを使ってのバナー制作を取り上げました。

今回はLP(ランディングページ)の制作で工夫した点などを整理し、企業案件制作として需要があるLPについての記事をまとめていきたいと思います。



LP(ランディングページ)とは


ランディングページ(LP)とは、Web広告や検索結果などを経由して、ユーザーが「最初に着地(Landing)するページ」のことになります。

一般的には、商品購入お問い合わせなどの「特定の成果(CV:コンバージョン)」を得るために特化した、縦に長い1枚のWebページを指します。


※コンヴァージョンという専門用語はマーケティングでも頻出する用語なので、ここでもマーケティングを学んだ意義と繋がりを感じます🧐💭


LPの特徴と目的

・目的が1つに絞られている:
商品の購入、資料請求、メルマガ登録など、ユーザーに取ってほしいアクションを1つに限定し、成果率を高めます。

・1ページ完結の縦長構成:
商品のメリット、愛用者の声、よくある質問などを理想的な順番で配置しページ移動をさせずに最後まで読み進めてもらう構成です。

・他のページへのリンクが少ない:
ユーザーが途中で他のページに逃げないよう、メニューボタンなどの余計なリンクを極力排除しています。

・デザインがインパクト重視:
ユーザーの目を引く大きな画像や、クリックを促す目立つボタン(CTAボタン)が多用されます。


ホームページ(HP)との異なる点は、H Pの目的は「会社やサービスの広範な紹介」になるが、LPの目的は「特定の行動(購入・申込)の促進」となる。

また、H Pのページ構成は「複数のページを回遊してもらう」であるが、LPは「1ページで完結させる」である。似ているようで目的、ターゲット、ページ構成や流入元などが異なってくる


今回の課題内容 (依頼内容)


課題:
あなたは「株式会社W」の紹介で、スキンケア用品販売店のLPデザイン業務の依頼を受けました。クライアント(株式会社W)から提示された要件を汲み取り、オリジナルのLPを作成して納品してみましょう。

依頼内容:
株式会社Wから紹介されたスキンケア用品販売店の商品を紹介するLPを作成してほしい。

目的:
対象商品のネット購入に繋げたい。

使用用途:
公式ページや広告バナーの遷移先として使用したい。

要望:
「潤い成分」「ダメージ補修」「香り」をアピールしたい。メインはシャンプーだが、コンディショナーなどの他のヘアケア用品とセットで紹介してほしい。

商品情報:
商品:シャンプー
商品名:「WLCare」
特徴:潤いを与える、ダメージを補修する、香りがいい
そのほかの特徴や成分、使用感などは自由に設定してOKです。

課題ファイルから引用

サイズ:
横幅:1440px / 縦幅:指定なし

制作数:
下層ページなしの1ページのみ、ファーストビューは必ず制作してください。それより下のコンテンツの制作は必須ではありませんが、できるところまで制作してみてください。

テキスト要件・カラー要件:
デザイナーにおまかせします。

素材:
要件に最適だと思うフリー画像を活用してください。

納品:
PNG形式で書き出し、課題提出ドライブ(ご自身の名前のフォルダ)に格納してください。

課題ファイルから引用

オリジナルのLP制作手順:

・市場調査(色々なサイトを閲覧)
・ターゲット、ペルソナ選定
・ノートを使用してのラフ作成👇

手書きラフ作成📝

・フォント、配色、レイアウトの検討
・ラフ作成のテキスト案の整理(取捨選択)
・素材集め(メイン画像、モックアップ画像検索など)
・Photoshopを使用して制作開始
・フォント・配色などの再検討
・テキストの調整(カーニングなど)
・納品


ペルソナ設定

性別・年齢: 女性・20代〜30代

居住地: 関東圏

職業: 会社員

年収: 200万〜300万

好きな色: 淡い色、ピンク系統

趣味: ネットショッピング、SNS閲覧・投稿、カフェ巡り、韓国アイドルの推し活動など

インサイト: 今使っているシャンプーを使い切ったら次に使うシャンプーを探している。ロングヘアだから、香りが良くて、髪の痛みを補修してくれるのがベスト

ペインポイント:髪の痛みが気になる、ネットショッピングで直接シャンプーなどの日用品を購入して楽したい


【実技演習】スキンケア用品の紹介用LP制作

スキンケア用品の紹介用LP🔽

※ここから先の記事の閲覧は ¥100 の支援が必要になります🙇
お時間ある方は是非お読みになっていただけると嬉しいです
😀


<スキンケア用品販売店のLPデザイン>

ここから先は

1,471字 / 1画像

¥ 100

Amazon Payで支払うと最大2%還元のチャンス! 9/30まで

もしチップのご支援頂けたらクリエイター費としての活動費兼、研鑽費用(書籍を購入したり)、独立 (個人事業主) 開業に向けての資金にさせていただきます! ご支援頂けたら嬉しいです。これからも「リアルな体験記」の発信の継続を目指します。可能な限り応援よろしくお願いします🙇‍♂️