こんにちは。あいりです。

ランディング ページのユーザの悩みを解決するQ&Aで参考にできる良いデザインを紹介します。

ランディングページでQ&Aのコンテンツを制作することになったが、Q&Aのデザインをどうしたらいいか分からない。

他のランディングページを参考に制作しているが、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のデザインが横に2つずつ入るようになっています。

Q&Aのコンテンツのサイズをあまり多くできないが、Q&Aの数が多い場合に参考にできそうです。

参考ランディングページのURL:

https://rdlp.jp/archives/otherdesign/lp/13716?cp=mypage&sort_order=recommend

1つのQ&Aが横長に1つずつ入るデザインです。

1つ1つのQ&Aのコンテンツに余裕があるため、文字が読みやすくなっています。

ただ、Q&Aのコンテンツのサイズが大きくなるので、Q&Aのコンテンツのサイズを押さえたい方にが向きません。

参考ランディングページのURL:

https://rdlp.jp/archives/otherdesign/lp/44505?pn=3&sort_order=recommend

Q&Aが横長に1つずつ入っています。

このランディングページのQ&Aの場合は、Aの答えに対して、写真を使用して説明をしている箇所があります。

1つ1つの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の良いデザインをご紹介してきました。

色んなデザインのやり方がありますので、ご自身が制作したい方向性に合わせて、参考にしてみてください。

Twitterでフォローしよう

おすすめの記事