こんにちは。あいりです。
ランディング ページのユーザの悩みを解決するQ&Aで参考にできる良いデザインを紹介します。
ランディングページでQ&Aのコンテンツを制作することになったが、Q&Aのデザインをどうしたらいいか分からない。
他のランディングページを参考に制作しているが、Ｑ＆Ａのコンテンツだけ、他の参考デザインを探したい。
そんな方にＱ＆Ａのデザインでいいなと思ったデザインをご紹介します。
良いと思った理由を説明していますので、ランディングページでそれぞれの業界別で制作されるときに参考にしていただければと思います。
良いなと思ったＱ＆Ａのデザインは「LP ARCHIVE」というランディングページのデザイン集のサイトに掲載されているものを紹介します。
クオリティが高いランディングページが沢山掲載されています。
目次
ランディングページQ&Aで参考にできるデザインを紹介
ランディングページQ&Aで参考にできるデザインを紹介します。
セミナー系
参考ランディングページのURL：
https://rdlp.jp/archives/otherdesign/lp/19280?pn=2&sort_order=recommend
Q&Aのデザインが横に２つずつ入るようになっています。
Q&Aのコンテンツのサイズをあまり多くできないが、Q&Aの数が多い場合に参考にできそうです。
参考ランディングページのURL：
https://rdlp.jp/archives/otherdesign/lp/13716?cp=mypage&sort_order=recommend
１つのQ&Aが横長に１つずつ入るデザインです。
１つ１つのQ&Aのコンテンツに余裕があるため、文字が読みやすくなっています。
ただ、Q&Aのコンテンツのサイズが大きくなるので、Q&Aのコンテンツのサイズを押さえたい方にが向きません。
参考ランディングページのURL：
https://rdlp.jp/archives/otherdesign/lp/44505?pn=3&sort_order=recommend
Q&Aが横長に１つずつ入っています。
このランディングページのQ&Aの場合は、Aの答えに対して、写真を使用して説明をしている箇所があります。
１つ１つのQ&Aのコンテンツに余裕がありますし、サイズの枠を囲っていないので、Q&Aの内容が増えたとしても、柔軟にレイアウトを変えることができるのはいいですね。
健康食品系
参考ランディングページのURL：
https://rdlp.jp/archives/otherdesign/lp/25107?pn=3&sort_order=recommend
健康食品のテイストに合わせたデザインです。
Q（質問）の文字をA（回答）の文字より大きく、太くすることで見やすくなっています。
レイアウトや色の使い方は参考にできるでしょう。
参考ランディングページのURL：
https://rdlp.jp/archives/otherdesign/lp/23643?sort_order=recommend
シンプルなデザインですが、Q（質問）とA（回答）に行間が適度に空いているので、見やすくなっています。
シンプルなデザインのランディングページを制作するときに参考にできそうなQ&Aのデザインです。
参考ランディングページのURL：
https://rdlp.jp/archives/otherdesign/lp/31439?pn=2&sort_order=recommend
健康食品のデザインに合わせたQ&Aになります。
文字のフォントが親しみやすく、Q&Aの内容が自分にとって身近に感じられます。
A（回答）で特に強調したい箇所を緑色で表しているので、すぐに確認したいときに便利です。
強調箇所の部分のデザイン、全体的なレイアウトは参考になります。
サービス系
参考ランディングページのURL：
https://rdlp.jp/archives/otherdesign/lp/16581?pn=4&sort_order=recommend
ブライダル系のランディングページです。
Q&Aはランディングページ全体のテイストの合わせた南国風のイラスト、テイストのデザインです。
ランディングページの全体のテイストにQ&Aのデザインを合わせるのもいいですね。
最後に
Q&Aの良いデザインをご紹介してきました。
色んなデザインのやり方がありますので、ご自身が制作したい方向性に合わせて、参考にしてみてください。
