メニュー
あおい
Webデザイナー
Webデザイン学習者向けノウハウを発信しています。
26歳からWebデザインを開始。副業時代を経て2021年からフリーランスに転身。現在はLPデザイナーとして活動中。
ブログでは購入経験があるおすすめ商品・サービスだけを本音でレビューしています。

あなたに最適なランディングページ作成法!WordPress?ペライチ?HTML?違いを徹底解説

こんにちは!LP専門デザイナーのあおいです。

普段、LP制作の相談を受ける中で、こんな質問をいただきます。

悩む人

LPってどのツールで作るのがいいんですか?

悩む人

HTMLとペライチの違いって何ですか?

悩む人

WordPressで作るメリットってなんですか?

確かに、LPを作る方法はたくさんあるので、どれがいいのか迷いますよね…

そこで今回は、LPの作り方や便利なツールを整理してみました!

こちらの3つです

  1. コーディング(HTML・CSS・JavaScript)
  2. WordPressのテーマ(Elementor、SWELLなど)
  3. ノーコードツール(ペライチ、Studio、Wixなど)

本記事を読めば、それぞれの特徴が分かり、あなたにピッタリなLP作成法が見つかるはずです!

それでは、さっそく見ていきましょう。

あおい

この記事を書いた人
あおい(@aoidesign

25歳でWebデザインの学習をスタート。
副業時代を経て、現在はフリーのLPデザイナーとして活動中。
LP制作実績は200件以上。
メンター・講師の仕事もおこなっています

\ 何でもお気軽にご相談ください /
LP制作の無料相談受付中

LP制作実績200件以上!専門デザイナーのあおいが、LP制作のご相談に乗ります

  • 自分でLPを作りたいけど、何から始めたらいいか分からない
  • どのツールを使って作ればいいか分からない
  • 売上や集客力アップに繋がるページを作りたい
  • LPリニューアルに向けて役立つ提案が欲しい

ご相談は無料ですので、ぜひ気軽にお問い合わせください。

※coconalaにて承っております。未登録の方は、まず下記から新規登録をお願い致します。

\ LPの無料相談受付中 /

すでに登録済みの方は、こちらからご相談のメッセージをお送りください。

目次

ランディングページ3つの作成方法

作成方法難易度
コーディング(HTML・CSS・JavaScript)
WordPress既存テーマ(Elementor、Swellなど)
ノーコードツール(ペライチ、Studio、Wixなど)

①コーディング(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など)

https://wordpress.com/ja/

二つ目は、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 ElementorSWELLを見る
あおい

Hello Elementorを使う場合は、下記のUdemy講座で学ぶのがおすすめです!

Udemy

Udemyは、年に数回あるキャンペーン時なら、最大97%OFFで講座が買えます
そのためキャンペーンを待ってから購入するといいですよ

③ノーコードツール(ペライチ、Studio、Wixなど)

https://peraichi.com/

三つ目は、ノーコードツールを使ってLPを作成する方法です。

ノーコードツールとは、HTMLなどコードの知識がなくてもWebサイトが作れるツールのこと

嬉しいのは、無料で使えることに加え、サイト公開費用や維持費もゼロだということです!

こんな方におすすめ・コードの知識なしで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万円以内で制作してもらえますよ!

結論、どの方法が一番いいの?

あおい

要望に合わせて、最適な作成方法をまとめました!

\ 何でもお気軽にご相談ください /
LP制作の無料相談受付中

LP制作実績200件以上!専門デザイナーのあおいが、LP制作のご相談に乗ります

  • 自分でLPを作りたいけど、何から始めたらいいか分からない
  • どのツールを使って作ればいいか分からない
  • 売上や集客力アップに繋がるページを作りたい
  • LPリニューアルに向けて役立つ提案が欲しい

ご相談は無料ですので、ぜひ気軽にお問い合わせください。

※coconalaにて承っております。未登録の方は、まず下記から新規登録をお願い致します。

\ LPの無料相談受付中 /

すでに登録済みの方は、こちらからご相談のメッセージをお送りください。

よかったらシェアしてね!
  • URLをコピーしました!
目次