これまで、レスポンシブ対応のLPを中心に紹介してきましたが、実はCanvaでも「モバイルファースト」のLPが作れるんです。今回は、スマホ表示を優先したモバイルファーストLPのテンプレートをご紹介します。
最近はスマホでサイトを閲覧する人が圧倒的に多く、特にSNS広告などでは、ほとんどがスマホからの流入になります。そこで、スマホでの見やすさを最優先に設計しつつ、PCでも違和感なく表示されるLPが求められています。
モバイルファーストLPとは?
普通のWebサイトやLPは、PC・タブレット・スマホのそれぞれに合わせて、全体のデザインを調整する「レスポンシブ対応」が一般的。
でも、モバイルファーストLPは最初からスマホに最適なレイアウトを基準にデザイン します。
今回のテンプレートも、スマホでの見え方を考えて 横幅600px で作っています。スマホで見るとピッタリ収まり、PCで見たときは中央に固定される仕組み。これなら、スマホ向けにしっかり作り込んだデザインが、そのままPCでも崩れずに表示できます。
特に今はスマホからのアクセスが多いので、PC向けにあれこれ調整するより、最初からスマホでバッチリ見えるLPを作ったほうがラクで効果的 なんですよね。スマホでの使いやすさをしっかり確保しつつ、PCでも違和感なく見せる。それがモバイルファースト設計です!
Canvaでの制作のポイント
Canvaって便利だけど、レスポンシブ対応が自動だから、思い通りにレイアウトを調整しにくいことがありますよね。PCではちゃんと見えるのに、モバイルで開くとズレちゃったり、文字の位置が変わったり…
でも、モバイルファーストでデザインすれば「スマホでどう見えるか」だけ考えればOK!
PCで見ても中央に固定されるから、スマホのレイアウトをそのままキープできます。
スマホでバッチリ見えるLPをサクッと作れて、余計な調整もいらないので、手間なくスムーズに仕上がります。
CanvaでモバイルファーストLPを作るときの注意点
モバイルファーストは「スマホでどう見えるかだけ考えればOK」と言いましたが、実は ひとつだけ注意が必要な点があります。
それは、透明の「固定用の図形」を1つ配置すること!
Canvaでは、何も入れずにデザインすると 勝手にレスポンシブ調整されてしまい、思い通りのレイアウトにならないことがある んです。例えば、本当は2列で並べたかったのに、1列に自動調整されてしまったり…。
でも、透明な「固定用の図形」を1つどこかに配置しておくだけで、Canvaが勝手に調整するのを防ぐことができます。
配置した図形は透明度を0にして見えなくすればOK。
また、間違えて消したり、移動したりしてしまうことがあるので、右クリック→「ロック」で、ロックしておくことがおすすめです!
これだけで、レスポンシブのズレを防いで、デザインをそのままキープできます!
簡単な工夫ですが、CanvaでモバイルファーストLPを作るなら必須のテクニック なので、ぜひ試してみてください!
このテンプレートのポイント
▶スマホで見やすいモバイルファーストデザイン
PCで開いてもスマホサイズ(600px)の表示がそのまま固定されるデザイン。最近流行りのLPスタイルで、スマホでの見やすさをそのままPCでも再現できます。スマホでの操作性を考えて作られているので、SNS広告のリンク先としても最適!
▶ 素材付きでそのまま使える!
テンプレートには、写真やアイコンなどの素材がすべて付属。Canvaの無料会員でもそのまま利用できます。デザインに悩むことなく、すぐに使えるのがポイントです。
▶ LPに必要な要素が最初から揃ってる!
このテンプレートには、効果的なLPに必要な構成が 最初から組み込まれている ので、ゼロから作る手間なし!
・ファーストビュー
・お悩みセクション
・セミナーの特徴
・受講者の制作実績&口コミ
・申し込み方法
・セミナー参加特典
・Q&A
・講師紹介
セミナーやイベントの告知にもぴったり!
このテンプレートは、セミナーやイベントの告知用LPとしても使えます。 必要な部分を自由に編集すれば、オリジナルのLPにカスタマイズ可能!
例えば、
✅ セミナーや講座の案内
✅ 期間限定イベントの申し込みページ
✅ 新商品のキャンペーンLP
など、さまざまな用途で活用できます。
「LPを作りたいけど、どう構成したらいいかわからない…」という方でも、このテンプレートを使えば 必要な要素が最初から揃っているので、すぐに形にできます! Canvaで簡単に編集できるので、ぜひ自由にアレンジして使ってみてください!
テンプレートはこちら
LPを一からプロに依頼すると、安くても数万円、高いと10万円以上 することもあります。でも、このテンプレートなら たったの4,500円!
「LPを作りたいけど、コストを抑えたい」「すぐに告知ページが必要」という方にぴったり。
ココナラで販売中なので、この機会にぜひチェックしてみてください!