MOCO Works MOCO Works

Web Marketing

Landing Page & Web Design

訪問者を
顧客に変える
LP設計

「見た目が良いLP」ではなく「成約するLP」を制作します。
ファーストビューの訴求設計からCTA最適化まで、CVRを徹底的に追求します。

Design Philosophy

MOCO Worksの
LP設計思想

デザインはあくまで手段です。ターゲットの心理と行動パターンに基づき、「なぜここで離脱するのか」「何が背中を押すのか」を設計に反映します。

ファーストビュー設計

訪問者の3秒の判断を制します。「誰のためのページか」「何が得られるか」「なぜ今行動すべきか」を3秒で伝えるFVを設計します。キャッチコピー・ビジュアル・CTAの組み合わせを徹底的にテストします。

訴求軸の設計

ターゲットの「悩み・欲求・恐怖・希望」を分解し、最も刺さる訴求軸を選定します。競合との差別化ポイントを明確にし、「なぜMOCO Worksを選ぶべきか」が自然と伝わる構成を設計します。

CTA最適化

CTAボタンの色・文言・配置・数は、CVRに直結します。「お問い合わせ」ではなく「無料相談を予約する」のような具体的アクションとベネフィットを組み合わせたCTAで、クリック率を高めます。フォームの項目数も最小化します。

5 Steps

制作フロー
5ステップ

各ステップで確認ポイントを設けているため、「完成したけどイメージと違う」が起きません。

1

ヒアリング・戦略設計

現状把握と目標設定

ビジネスモデル・ターゲット・競合・現状の課題・目標CVRを詳しくヒアリングします。既存ページのデータ(GA4・ヒートマップ)があれば分析し、離脱ポイントと改善仮説を特定します。

ヒアリングシート 競合LP分析レポート 訴求軸提案書
2

構成・コンテンツ

ワイヤーフレームとコピーライティング

FV・課題提示・解決策・実績・FAQ・CTAの流れでワイヤーフレームを作成します。キャッチコピー・ボディコピーはマーケティング視点で書き起こし、クライアント確認の上で確定します。

ワイヤーフレーム(Figma) コピーライティング全文 修正2回まで含む
3

デザイン

UIデザイン制作

ワイヤーフレームをベースにFigmaで高品質なUIデザインを制作します。ブランドカラー・フォント・余白感を統一し、スマートフォンファーストで設計します。デザイン確認後に実装フェーズへ移行します。

PC・SPデザイン(Figma) 修正2回まで含む
4

コーディング

HTML/CSS実装 + 計測設定

表示速度・Core Web Vitals・SEOを考慮した実装を行います。Google Analytics 4・Search Console・ヒートマップツール(Microsoft Clarity)の設置も含みます。フォームの動作確認・クロスブラウザテストを完了してから提出します。

HTML/CSS/JS納品 GA4・サーチコンソール設定 ヒートマップ設置
5

改善

A/Bテストと継続改善

公開後1ヶ月のデータをもとにヒートマップ・離脱率・CVRを分析し、FVコピーやCTAのA/Bテストを実施します。「制作して終わり」ではなく、成果が出るまで改善を続けます。

A/Bテスト設計・実施 月次改善レポート 修正・改善対応
Pricing

料金体系

ページ規模と要件によってお見積もりします。
以下は標準プランの料金目安です。LPと広告をまとめると、セット価格でご案内できます。

表示料金はすべて税別(消費税は別途かかります)

LP制作

¥150,000(税別)

1ページ

  • ヒアリング・戦略設計
  • ワイヤーフレーム作成
  • コピーライティング
  • UIデザイン(PC・SP)
  • HTML/CSS/JS実装
  • GA4・コンバージョン計測設置

コーポレートサイト

¥300,000(税別)

5〜10ページ

  • サイト全体の情報設計
  • トップ・サービス・会社概要等
  • WordPress実装(オプション)
  • SEO基本設定込み
  • お問い合わせフォーム実装
  • 公開後1ヶ月サポート

「LP・サイト制作」に関するよくある質問は、FAQページにまとめています。

よくある質問を見る →
Contact

まず、話を
聞かせてください。

費用・規模・スケジュール、
なんでも相談できます。
まずは30分、お気軽にどうぞ。

無料で相談する