ランディングページ制作
OTASUKE LP
ノーコードLP作成サービス
DESIGN IMAGE
シンプル
装飾的
落ち着き
賑やか
堅実
遊び心
スクロールで実際のサイトを見る
※ 実際に公開中のサイトの全ページを撮影したスクリーンショットです。フレーム内でスクロールしてご覧いただけます。最新の状態は「サイトを見る」からどうぞ。
プロジェクト概要
ノーコードでLP作成ができるサービス「OTASUKE LP」のランディングページを制作。サービスの使いやすさを訴求するデザインと、A/Bテスト機能などの特長を効果的に伝える構成を実現しました。
制作のこだわり
このサイトで特に重点を置いた、4つの工夫です
01
アートディレクション
赤×オレンジの高エネルギー配色
「誰でも・簡単に・売れるLPを」というサービスの勢いを、赤とオレンジの大胆な面使いで表現。縦組みタイポグラフィをアクセントに、記憶に残るファーストビューを作りました。
02
コピー×ビジュアル
3行で価値を言い切るファーストビュー
「高クオリティーなLPを／ノーコードで簡単作成。／売れるLPを、誰でも。」と、読む負担なく価値が伝わる言い切り型コピーを軸に、ビジュアルは説明ではなく感情を担当させています。
03
UI・導線
スクロールに同期したCTA設計
読み進めるほど理解が深まる構成に合わせ、離脱ポイントの直前にCTAを配置。「9つの特徴」など興味の山を作った直後に必ず出口を用意しています。
04
コンバージョン設計
A/Bテストを前提にした構造
見出し・CTA文言・セクション順を差し替えやすいモジュール構造で実装し、公開後の検証・改善を回しやすい設計に。CTA最適化で登録率2.1%→3.8%を実現しました。
プロジェクトの成果
ユーザー登録率
2.1% → 3.8%（約180%UP）
CTA最適化後
SHARE この実績をシェア
