KAIZEN REPORTブログ

2017.8.31 | LPデザイン制作の改善

インハウスでのLP制作に有効な制作ツールとデザインテンプレートの活用方法のご紹介

インハウスでのLP制作に有効な制作ツールとデザインテンプレートの活用方法のご紹介メインビジュアル

 

前回の記事「ランディングページ制作における制作費用の考え方」で「WEBページ制作ツールを活用してインハウスでランディングページを制作する」という選択肢についてご紹介させていただきました。

 

インハウスでランディングページを制作するということは、制作会社等に外注せずに自社内でランディングページを制作するということです。

 

今回の記事では、自前でランディングページをつくるためのランディングページ制作ツールと、活用に便利な「デザインテンプレート」についてご紹介させていただきます。

 

昨今、WEBページ制作ツールは多数生まれていますが、コンバージョンラボでもランディングページ専門で制作サービスを行ってきた経験を生かして、ランディングページの制作/改善に特化したCVX(シー・ブイ・エックス)という制作・改善運用ツールを開発・提供しています。

 

ランディングページの制作ニーズも多様化している今、この記事を通じて、CVXとデザインテンプレートの活用についてお伝えしていきたいと思います。

 

CVX

 

CVXはランディングページ制作/改善の現場から生まれたツールです。

 

LPOに必要な機能は何か?という観点から、使いやすい機能の開発や既存機能の改善を続けています。

普段お使いの書類作成ツールのような感覚で、ページの作成・編集ができ簡単な設定で始められる「 A/Bテスト機能」コンバージョン改善のための「計測=Googleアナリティクス/Googleタグマネージャとの連携」など、CVXひとつで、目的に合わせたLPO施策が実行できます。

 

CVXにもテンプレートを用いたランディングページ(※以降LP)作成機能が搭載されています。

 

今回の記事では、活用例も交えながら、なるべく分かりやすくCVXテンプレート機能についてご紹介させていただきます。

 

 

目次————————————————–

 

1,100種類以上のLP専用テンプレート

2,テンプレート開発プロセス

3,編集機能の自由度

4,テンプレート活用例

5,最後に

 

 

100種類以上のLP専用テンプレート

 

CVXは100種類以上のデザインテンプレートを標準搭載し、

PC/スマートフォン・レスポンシブにも対応しています。

 

LPデザインテンプレート

 

大きな特長として、そのほとんどがLPのテンプレートであるという点です。

様々な分野の商品・サービスを想定し、豊富なバリエーションのLPテンプレートを取り揃えています

 

 

▼BtoC【LPテンプレート例】

 

 

・動画配信サービス

 

動画配信サービス

 

エンターテイメントの楽しい印象が伝わるようなテイストを重視したテンプレートです。動画作品の配置を想定したコンテンツを要所に盛り込んでいます

 

 

・英会話アプリ

 

英会話アプリ

 

アプリの機能説明はもちろん、他アプリとの機能比較やユーザーボイスなど、必要なコンテンツを網羅的に配置しています。英会話だけでなく他アプリのランディングページにも展開しやすいテンプレートです。

 

 

・留学支援サービス

 

留学支援サービス

 

ポジティブな成功イメージを意識したカラフルなデザイン。グローバルな空気感が伝わるようなパーツを随所に活用しています。背景に大きく写真を配置したり、動きのあるランディングページを制作したい時に役立つテンプレートです。

 

 

・健康サプリメント

 

健康サプリメント

 

ナチュラルで健康的な印象のデザインテンプレートです。お悩み・ユーザーボイス・成分詳細など健康サプリ系ランディングページで鉄板とも言えるコンテンツを不足なく盛り込みました。

 

 

・20代向け化粧品

 

20代向け化粧品

 

20代向け化粧品を想定したコンテンツ・デザインのテンプレートです。化粧品は他にも、高級志向・オーガニック志向など、細分化されたテンプレートを複数ご用意しています。

 

 

・歯科医院

 

歯科医院

 

清潔感と信頼感のあるデザインが印象的なデザインテンプレートです。整列されたレイアウトで設計されたコンテンツを配置し、他のサービスにも展開しやすくなっております。

 

 

・モデルオーディション

 

モデルオーディション

 

女性向けの芸能オーディションを想定したテンプレートです。芸能界の華やかなイメージの写真選定や、インパクトのある見出しなど、スタイリッシュなテイストになっております。

 

 

・クラウドファンディング

 

クラウドファンディング

 

カラフルな色味で先進性の高さを感じる印象のデザインテンプレートです。情報量の多いコンテンツの配置を想定したテンプレート展開となっております。

 

 

・大学

 

大学

 

動きのあるレイアウトで構成された背景や、大きな写真を活用したコンテンツ設計が特徴的なテンプレートです。コンテンツの切り替わりがわかりやすく、要素ごとのメリハリも効いているので、toB/toCに関わらず文字量の多いランディングページなどに活用しやすいテンプレートです。

 

 

・アンケートモニター

 

アンケートモニター

 

親近感を意識した、明るくポップなイメージのやさしいテイストのデザイン。キャンペーンコンテンツや他社比較などのコンテンツを配置しています。女性ユーザーを対象としたランディングページ制作に向いているテンプレートとも言えるでしょう。

 

 

▼BtoB【LPテンプレート例】

 

 

・ネットリサーチ

 

ネットリサーチ

 

インパクト大のコンバージョンエリアが特徴のテンプレート。WEB系サービスならではの先進的なイメージを意識したデザインテイストとなっています。

 

 

・アプリ制作

 

アプリ制作

 

アプリ制作サービスを想定した、クリエイティブな印象が伝わるようなシンプルなデザインに仕上がっています。クリエイティブな印象を重視したい場合にオススメのテンプレートです。

 

 

・営業コンサルティング

 

営業コンサルティング

 

ダイナミックなレイアウトを用いた、訴求力の高いデザイン展開のテンプレートです。営業コンサルティングとして成果に結びつくパワーを感じさせるようなコンテンツ・デザイン設計をしています。

 

 

・転職支援サービス

 

転職支援サービス

 

法人向け転職支援サービスとしての、信頼感を重視したデザインテンプレートです。コンテンツの切り替わりが分かりやすく、読みやすいデザイン展開となっています。

 

 

・WEB会議ツール

 

WEB会議ツール

 

WEB会議ツールの紹介テンプレートです。導入事例や機能紹介など、搭載コンテンツを活用して、法人向けツール関連の紹介ランディングページに利用しやすいテンプレートです。

 

 

・法人向け不動産ビジネス

 

法人向け不動産ビジネス

 

法人向けの不動産サービスを想定したテンプレートです。シンプルで、かつ、写真を大きく見せるレイアウトなどを採用しており、編集がしやすい設計となっているため、初めてCVXに触れる方にオススメのテンプレートとなっております。

 

 

・記事広告

 

記事広告

 

記事広告制作サービスを想定したテンプレートです。情報をシンプルに引き立てるフラットデザインをベースに、変化のあるレイアウト展開で動きのあるテンプレートです。

 

 

・グラフィックデザイン

 

グラフィックデザイン

 

法人向けグラフィックデザイン制作サービスを想定したテンプレートです。デザイン会社らしい、スタイリッシュなデザインテイストになっています。

 

 

・社員研修

 

社員研修

 

大きな写真を背景としたコンテンツや、充実した実績紹介コンテンツなど、インパクトと訴求力の強いコンテンツを配置した設計となっております。

 

 

BtoC、BtoBそれぞれテンプレートを紹介させていただきました。

 

弊社はLP専用のWEB制作/マーケティング会社であり、手前味噌となりますが、LPOのプロとしてクライアント企業様の課題解決に取り組んでおります。

 

様々な業種・業界のLPを制作してきた知見を活かし、研究を続けながら、テンプレートを常に増やし続けています。

 

 

 

テンプレート開発プロセス

 

テンプレートの開発にあたり、弊社では構成の段階から一つ一つを非常に手間をかけて作成しております。

 

作成するテンプレートのテーマが決定したら、実際に市場にリリースされている類似サービスのLPを調査。

普段のクライアントワークでも構成設計を担当しているスタッフが、事前に想定されうるコンテンツを網羅的に盛り込んだテンプレートを作成していきます。

 

CVX「女性向け転職サイト」テンプレートを例として見ていきましょう。

 

「女性向け転職サイト」テンプレート

 

このように網羅的にコンテンツを盛り込む事で、過不足なく「穴埋めに近い感覚」でのLP制作を可能にします

 

また、CVXにはセクション非表示/追加機能があるため、必要のないコンテンツを削除することや、強調して伝えたいセクションを同じテンプレート上から追加し、編集することができます。

 

既存コンテンツのレイアウトを活用し、テキストなどを差し替え、まったく別のコンテンツを作成することも可能です。

 

標準テンプレートをベースに、商品・サービスの魅力を効果的に伝えるLPへとカスタマイズしていくことができるのです。

 

デザイン段階でも、既存テンプレートを安易に流用することはせず、1つのテーマに対して、オリジナルでデザインを作成していきます。ページ内の写真素材はそのまま使用可能なので、最低限の画像とテキストをご用意していただくだけでも、LPを作成可能です。

 

デザイン制作が完了したら、編集上でのユーザビリティを重視しながらコーディングを行います。テンプレート作成後も実際の編集画面で動作確認を定期的に行い、ユーザーが使いやすいテンプレートになるようブラッシュアップを繰り返しています。

 

 

 

自由度の高い編集機能

 

画像やテキストの差し替えはもちろん、コンテンツの上下入れ替えや要素の移動・複製など、様々な編集機能を直感的に扱うことができます。

 

「あまり難しいことはしたくない」という方でも、前述の開発プロセスを経て、すでに詳細に作りこまれたテンプレートを元にデザイン編集をしていくことが可能なので、非常に簡単にLPを作成することができます。

 

普段お使いの資料作成ソフトと同じような感覚で、数日でLPを作成することができるでしょう。

 

デザイン編集機能につきましては、詳細を書こうとすると長くなってしまうため、また別の機会に詳しくご紹介させていただきます。

 

CVXについて詳しく知りたい方はこちら

 

 

 

テンプレート活用例

 

実際にCVXのLPテンプレートでどんなページが作成できるのか、その一例をご紹介いたします。

 

以下はウェディングテンプレートをベースに作成した、ファーストビュー例です。

 

ファーストビュー

 

「ウェディング」テンプレートをベースに、「オーダースーツ販売」を想定したLPのファーストビューを作成してみました。

 

画像差し替え/テキスト差し替え/フォントサイズの変更/行間・字間の調整/レイアウトの変更/要素の複製/要素の削除/背景色の変更(html編集)

 

上記の操作を、すべてCVX上で行いました。

 

このように、工夫次第で元のテンプレートとは全く異なった別業種の商品・サービスのLPを作成することができます

 

100種類以上のテンプレートから、自社の商品・サービスに合ったページを選択し、オリジナルのLPを作成していきましょう。

 

また、CVXはGoogleアナリティクスやGoogleタグマネージャーとも連携できるため、

CVX上で「LPの効果分析>デザイン改善>A/Bテスト」というPDCAサイクルを自社内で高速回転させることができます。

 

 

 

最後に

 

いかに簡単に作成できるとはいえ、どうしてもテンプレート化できない部分、例えばLP全体のシナリオ設計力やコピーライティング、画像選定・加工技術などは制作者の力量に大きく左右されるポイントです。

 

また、実際にこのようなツールを使用したことがある方で、意外に操作が難しいと感じた経験がある方もいらっしゃると思います。

 

「安価にすぐにLPをつくりたい」というニーズを満たそうとした時、web作成ツールを用いてインハウスでLPを制作するのは非常に有効な手段ですが、良くも悪くも、制作者によってページのクオリティに大きく差がでてしまうものです。

 

コストを抑えて制作したいけど、自社で成果の上がるLPを制作できるか不安という方には、CVXを活用したLPOコンサルティングも実施しています。

 

基本的な操作方法のガイドやアドバイスから、ご希望の方にはコピーライティング/画像加工・作成など、グレード別のサポートが可能です。(弊社スタッフが専任で担当させていただきます。)

無料トライアルも実施していますので、お試しで使っていただけるのも大きな特徴です。

 

CVXについて、詳しく知りたい方はこちら