【記事LP】よもぎ蒸し卸売 （有限会社 横浜検査）
wakana※こちらのLPはLPの一部分であるため、CTAボタンを置いておりません。
マーケターさんの意図により、「記事として読ませる→信頼を獲得する→次のアクションにつなげる」ためのデザインにしました。
通常のLPのようにベネフィットやCTAを前面に押し出すのではなく、インタビュー記事として自然に読み進められるデザインになっているため、
広告への警戒心を和らげる効果があります。
特にFVは、YouTubeサムネイルのような"続きを見たくなる"デザインにしています。
黒ではなく、程よく締まるダークブラウンの帯で重要な言葉だけを切り取り、人物の表情と商品写真を組み合わせることで、
「なぜ結果が出るのか？」という興味を喚起し、続きを読む動機を作っています。
また、ページ全体でも余白・吹き出し・写真の配置によって「インタビュー記事」のリズムを維持しており、
売り込むデザインではなく、読ませて信頼を積み重ねるデザインにしております。
サムネイルを意識したFV設計
広告やSNSから流入したユーザーに「広告」ではなく「記事」と認識してもらえるよう、
YouTubeのサムネイルを意識したレイアウトを採用しました。
文字数を絞りながらも、結論が一瞬で伝わる構成を意識しています。
- 人物写真・商品・キャッチコピーの三角構図になっており、視線が「人物→見出し→商品写真」へ自然に流れる設計です。
- 「本当に」「結果が出るもの以外は」など、興味を引くキーワードだけを黒帯で囲み、YouTubeサムネイルのように重要な言葉だけを拾えるデザインになっています。
- 背景をシンプルな生成り色にすることで情報量を抑え、文字の可読性を高めながら商品の世界観も崩していません。
- 商品写真を中央に配置することで、「この記事はよもぎ蒸しについての話なんだ」と瞬時に理解できます。
「記事らしさ」を演出するレイアウト設計
販売ページではなく読み物として受け入れてもらえるよう、インタビュー記事のような余白や情報量を意識したレイアウトにしました。
- 一つの文章量を短く区切ることで、スマートフォンでもテンポよく読み進められる構成になっています。
- 見出し・吹き出し・写真を一定のリズムで配置しているため、スクロールしていて飽きません。
- セクションごとの余白を広く取り、「記事を読んでいる感覚」を演出しています。
- LP特有の圧迫感がなく、滞在時間を伸ばしやすいデザインです。
インタビュー感を高める吹き出しデザイン
一方的な説明ではなく、実際の会話を読んでいるような印象を与えることで、ユーザーが自然に内容へ入り込めるデザインを意識しました。
- 質問者と回答者で吹き出しデザインを変えているため、誰が話しているかが直感的に分かります。
- 吹き出しの角丸や淡い背景色が柔らかい印象を作り、女性向けサービスらしい親近感を演出しています。
- 吹き出しの位置を左右に振ることで、会話のテンポが生まれ、長文でも単調さを感じません。
配色によるブランドイメージの統一
黄土よもぎ蒸しの自然療法というブランドイメージに合わせ、アースカラーを基調とした落ち着いた世界観を表現しました。
- ベージュ・ブラウン・生成り色を中心にまとめることで、「自然」「温かみ」「安心感」を感じられる配色になっています。
- 強調したい文章だけオレンジや赤系を使用し、情報の優先順位を分かりやすくしています。
- 全体の彩度を抑えることで、写真や人物の表情がより印象的に見えるデザインになっています。
写真による信頼感の演出
実際のオーナーを掲載することで、体験談としてのリアリティを高め、記事としての信頼性を向上させました。
- オーナー写真を繰り返し使用することで、「この記事は実体験なんだ」という印象を強めています。
- 表情が自然な写真を採用しているため、広告色が弱まり、記事コンテンツとして受け入れられやすくなっています。
- 写真サイズに強弱を付けることで、重要なエピソードが視覚的にも印象に残る構成です。
世界観を崩さない装飾デザイン
装飾は情報を目立たせるためではなく、ブランドイメージを補強する役割として使用しました。
- 植物の線画やドット装飾を控えめに配置することで、ナチュラルな印象を演出しています。
- 見出しの楕円フレームも角のないデザインにすることで、柔らかく女性らしい雰囲気を統一しています。
- 装飾を最小限に抑えているため、読みやすさを損なわず世界観だけを補強できています。
可読性を高める文字組み
記事コンテンツは滞在時間が重要になるため、長時間読んでも疲れない文字組みを意識しました。
- 1段落ごとの文字量を少なくし、スクロールしながら読みやすいレイアウトになっています。
- 赤文字による強調も文章全体ではなく一文だけに限定し、本当に伝えたい内容だけが目に入る設計です。
- 行間を広めに確保することで、スマートフォンでも窮屈さを感じません。
