こんにちは!LP専門デザイナーのあおいです。
普段、LP制作の相談を受ける中で、こんな質問をいただきます。
LPってどのツールで作るのがいいんですか?
HTMLとペライチの違いって何ですか?
WordPressで作るメリットってなんですか?
確かに、LPを作る方法はたくさんあるので、どれがいいのか迷いますよね…
そこで今回は、LPの作り方や便利なツールを整理してみました!
こちらの3つです
- コーディング(HTML・CSS・JavaScript)
- WordPressのテーマ(Elementor、SWELLなど)
- ノーコードツール(ペライチ、Studio、Wixなど)
本記事を読めば、それぞれの特徴が分かり、あなたにピッタリなLP作成法が見つかるはずです!
それでは、さっそく見ていきましょう。
この記事を書いた人
あおい(@aoidesign)
25歳でWebデザインの学習をスタート。
副業時代を経て、現在はフリーのLPデザイナーとして活動中。
LP制作実績は200件以上。
メンター・講師の仕事もおこなっています
LP制作の無料相談受付中
LP制作実績200件以上!専門デザイナーのあおいが、LP制作のご相談に乗ります
- 自分でLPを作りたいけど、何から始めたらいいか分からない
- どのツールを使って作ればいいか分からない
- 売上や集客力アップに繋がるページを作りたい
- LPリニューアルに向けて役立つ提案が欲しい
ご相談は無料ですので、ぜひ気軽にお問い合わせください。
※coconalaにて承っております。未登録の方は、まず下記から新規登録をお願い致します。
\ LPの無料相談受付中 /
すでに登録済みの方は、こちらからご相談のメッセージをお送りください。
ランディングページ3つの作成方法
①コーディング(HTML・CSS・JavaScript)
一つ目は、HTMLやCSSといったコードを書いて作る方法です。
制作会社やプロのデザイナーに依頼した場合、通常はこの方法で制作されます。
もし、ノンデザイナーが自力で作る場合は、かなりハードルが高めです。
こんな方におすすめ | ・他と被らない完全オリジナルのLPを作りたい方 ・プロレベルの高品質なLPを求める方 ・制作会社などに依頼する金銭的余裕のある方 |
---|---|
メリット | 自由にデザインや配置を組み立てられるため、テンプレートを使用せず完全オリジナルのLPを作れる |
デメリット | Web制作の知識が必要なため、ノンデザイナーにとっては自作が難しい |
必要なスキル | ・デザインツール(Photoshop、Figma等) ・コーディング(HTML、CSS、JavaScript) ・サーバーやドメインの知識 |
費用 | 【LP制作】 制作会社:30〜80万円 フリーランス:10〜40万円 【その他】 サーバー、ドメイン代 |
具体例 | 画像主体のLP:ライザップ コーディング主体のLP:クラウドワークス |
プロに依頼する場合、ココナラを利用すれば、制作会社の半額ほどで作成ができます!
▼私も出品していますので、ぜひお気軽にご相談ください
商品をより魅力的に伝え思わず欲しくなるLP作ります Web集客や売上アップをデザインの力でサポート②WordPressのテーマ(Elementor、SWELLなど)
二つ目は、WordPressのテーマを使って作成する方法です。
まず、初心者向けに「WordPress」について分かりやすく説明しますね。
WordPressは簡単にいうと、サイトを構築・管理するためのシステムです。
管理画面は、こんな感じになっています↓
この管理画面から、
- テキストや画像を入れ替えたり
- ブログを書いたり
- 広告用のタグを貼り替えたり
こういった編集ができます。
要は、WordPressでサイトを作ると、後々の編集・更新作業が簡単になるわけです。
これがもし、直接HTMLを書いたサイトだと、編集したい時には、毎回コードをいじらないといけません。
Web制作の知識があれば良いですが、そうでない方にとっては難しいですよね‥
そんな理由から、WordPressでホームページやLPを作る方は、たくさんいます
そして、WordPressでは「テーマ」と呼ばれる「着せ替えテンプレート」を導入して、サイトを作っていきます。
これは簡単にいうと、サイトの見た目やレイアウト、デザインを一括で設定してくれる便利なものです。
テーマの最大のメリットは、HTMLなどのコードの知識がなくても、WordPressでサイトを作れること!
つまり、テーマを使えば、ノンデザイナーでも比較的簡単にWordPressでLPを作成できます。
▼イメージとしては、こんな感じ
ドラッグ&ドロップで、直感的にページを作っていきます。
こんな方におすすめ | ・WordPressでLPを作りたい方 ・コードの知識なしでLPを作りたい方 ・新着情報やブログなどの更新機能をつけたい方 |
---|---|
メリット | ・HTMLの知識がなくてもLPを作れる ・高品質なテンプレートを土台に作れる ・完成後も簡単に編集・更新ができる |
デメリット | ・テンプレートを使用するため、カスタマイズの自由度は低くなる ・WordPressの構築には、費用(サーバー、ドメイン代)がかかる |
必要なスキル | ・WordPressの知識 ・サーバー、ドメインの知識 ・デザインの知識 |
費用 | 【LP制作】 自作:0円 制作会社:50〜80万円 フリーランス:15〜30万円 【その他】 サーバー、ドメイン代、テーマの購入費 |
LP制作に最適な3つのWordPressテーマ
LPに適したテーマはたくさんありますが、次の3つが特におすすめです!
Colorful(カラフル) | Hello Elementor | SWELL | |
---|---|---|---|
特徴 | 初心者向け定番の LP作成専用テーマ。メルマガ登録やセミナー集客、情報商材系のLPと相性がいい | 無料の高機能プラグインElementorとの組み合わせを前提としたテーマ。 機能性やデザイン性、スピードにも優れている。 | ブログや企業サイトなど幅広く活躍する人気テーマ。 LP機能があるため、広告運用やSEO対策を意識したLPを作成したい方に最適。 ※当ブログもSWELLを使用しています |
価格 | 税込9,800円 | 無料 | 税込17,600円 |
具体例 | Colorful参考事例 | Hello Elementorを使ったサイトデザイン参考事例 | SWELLのデモサイト |
公式サイト | Colorfulを見る | Hello Elementor | SWELLを見る |
Hello Elementorを使う場合は、下記のUdemy講座で学ぶのがおすすめです!
③ノーコードツール(ペライチ、Studio、Wixなど)
三つ目は、ノーコードツールを使ってLPを作成する方法です。
嬉しいのは、無料で使えることに加え、サイト公開費用や維持費もゼロだということです!
こんな方におすすめ | ・コードの知識なしでLPを作りたい方 ・できるだけ安くLPを作りたい方 ・フォームや決済、予約機能をつけたい方 |
---|---|
メリット | ・無料またはお手頃価格でLPを作れる ・ノンデザイナーでも直感的な操作でページが作れる ・高品質なテンプレートを土台に作れる |
デメリット | ・テンプレートを使用するため、カスタマイズの自由度は低くなる ・サービス提供元の都合により価格や機能が変更される可能性がある |
必要なスキル | ・デザインの知識 ・各サービスのプランや機能についての知識 |
費用 | 【LP制作】 自作:0円 制作会社:30〜50万円 フリーランス:5〜20万円 【その他】 有料プラン、有料テンプレートの購入費(※必要な方のみ) |
LP制作に最適な3つのノーコードツール
ノーコードツールはたくさんありますが、次の3つが特におすすめです!
ペライチ | Studio | SWELL | |
---|---|---|---|
特徴 | 初心者向け。LPに必要な基本機能が全てそろっており、公開やSEO対策も簡単に設定可能。 解説記事や日本語サポートも充実している | テンプレートのデザイン性が高く、無料プランで使える機能数も一番多い。 自由にテンプレをカスタマイズするには、多少のHTML知識が必要 | 海外発のサービスのため、おしゃれでスタイリッシュなテンプレートが多数。 Eコマース機能が充実しているため、商品販売や決済機能をつけたい方に最適 |
機能 | ・独自ドメイン ・決済機能 ・予約機能 ・SEO設定 ・フォーム設置 ・SNS連携 ・アクセス解析 ・タグ埋め込み ・メルマガ配信 ・CMS ※一部の機能は有料プランのみ利用可能です | ・独自ドメイン ・SEO設定 ・フォーム設置 ・SNS連携 ・サイト分析 ・アクセス解析 ・タグ埋め込み ・CMS ※一部の機能は有料プランのみ利用可能です | ・独自ドメイン ・決済機能 ・予約機能 ・Eコマース ・SEO設定 ・フォーム設置 ・SNS連携 ・アクセス解析 ・タグ埋め込み ・メルマガ配信 ・CMS ※一部の機能は有料プランのみ利用可能です |
プラン | ・無料プラン ・ライトプラン(1,465円/月) ・レギュラープラン(2,950円/月) ・ビジネスプラン(3,940円/月) ・プロフェッショナルプラン(6,910円/月) | ・無料プラン ・ミニプラン(590円/月) ・パーソナルプラン(1,190円/月) ・ビジネスプラン(3,980円/月) ・ビジネスプラス(9,980円/月) ・エンタープライズ(要相談) | ・無料プラン ・パーソナル(1,300円/月) ・スモールビジネス(2,300円/月) ・ビジネス(2,700円/月) ・ビジネスプライム(13,500円/月) |
公式サイト | ペライチのLP制作事例 | StudioのLP制作事例 | WixのLP制作事例 |
※2024年12月現在の情報です
自作が難しい場合は、ココナラで探すと、安ければ5万円以内で制作してもらえますよ!
結論、どの方法が一番いいの?
要望に合わせて、最適な作成方法をまとめました!
- 安く早く作りたい(初心者向け)
→ ペライチ - 安く早く作りたい(デザイン性が欲しい)
→ Studio、Wix - 安く早く作りたい(決済や予約機能をつけたい)
→ ペライチ、Wix - 5万円前後でプロにお願いしたい
→ ココナラなどで、ノーコードツールを使ったLP制作サービスを探す - しっかり効果の出るLPをプロに依頼したい(納品後に編集・更新はしない)
→ コーディング(HTML・CSS・JavaScript) - しっかり効果の出るLPをプロに依頼したい(納品後に編集・更新したい)
→ WordPressのテーマ(Elementor、SWELLなど) - WordPressを使って自分で作りたい
→ WordPressのテーマ(Elementor、SWELLなど)
LP制作の無料相談受付中
LP制作実績200件以上!専門デザイナーのあおいが、LP制作のご相談に乗ります
- 自分でLPを作りたいけど、何から始めたらいいか分からない
- どのツールを使って作ればいいか分からない
- 売上や集客力アップに繋がるページを作りたい
- LPリニューアルに向けて役立つ提案が欲しい
ご相談は無料ですので、ぜひ気軽にお問い合わせください。
※coconalaにて承っております。未登録の方は、まず下記から新規登録をお願い致します。
\ LPの無料相談受付中 /
すでに登録済みの方は、こちらからご相談のメッセージをお送りください。