WEB SITE

ランディングページ

Webサイト一覧へ戻る

ランディングページ

WEB SITE / LANDING PAGE

ランディングページ

制作概要

「あなただけのAIトレーナーが理想の体を作る」をキャッチコピーに掲げた、架空のAIパーソナルトレーニングサービス「AIron」のランディングページです。体組成・睡眠・ストレスをAIが分析し、最適なトレーニングと食事プランを自動生成するサービスを想定し、ヒーロー・機能紹介・料金プラン・CTA・FAQを網羅したワンページ構成で制作しました。

課題

サービスの価値が伝わる前に離脱してしまう問題。ファーストビューでの訴求不足と、料金プランへの到達前の心理的ハードルを解消する必要があった。

施策

機能→実績→料金→FAQの順で「知りたい→信頼→買える→不安解消」の心理導線を設計。中間プランを「人気」バッジで強調するアンカリングも導入。

結果

スクロールするだけで申込み判断できる1ページ完結型LPが完成。スマホ・PC両対応のレスポンシブ実装で、どのデバイスでも離脱しにくい導線を実現。

設計のこだわり

ファーストビューで「AIトレーナー×自宅トレーニング」という価値提案を明確に打ち出し、スクロールに沿って機能紹介・3ステップの使い方・料金プラン・ユーザーの声・FAQと自然な流れで購入判断を後押しする構成にしました。Free・Pro・Eliteの3プラン比較表や、実績数値を並べた統計バーを設けることで信頼感を演出しています。

得た知見

「情報の順番」がCV率に直結することを実感。ページ内の情報の並びそのものが、読者の購買心理に沿った「ストーリー」になる設計を意識することで、単なるデザインを超えた"売れるLP"の構造が身についた。

CATEGORY

Webサイト

DATE

2026年2月

TECH STACK

HTML CSS JavaScript

TOOL

Claude Code Photoshop nanobanana