サービスの良さが、文字だけでは伝わらない
そんなときに効くのが、動く画面そのものを見せるLPです。
ページを開いた瞬間、背景で製品のUIが動き出す。ボタンが押され、画面が反応する。訪問者は説明を読む前に「これ、使いやすそうだ」と感じます。その第一印象を作ります。
▼ 見本(このページ自体が制作物です)
https://cold-hill-2e53.qwoo8oowp.workers.dev/
▼ 動画の作り方の解説(2分)
https://www.youtube.com/watch?v=FolYMU7idfw
【特徴】
・動画は撮影ではなく、Webの技術(GSAP / Three.js)でコードとして制作します。実写では撮れない、UIが物理的に動く映像になります
・その動画をLPのファーストビューに埋め込み、ページ全体を同じ世界観で構成します
・ページはHTML/CSS/JSのみの静的サイト。Cloudflareの無料枠で運用でき、月額のサーバー代がかかりません
・スマホ表示に対応。スマホでは動画を軽量化して読み込みを抑えます
【納品物】
・LP一式(HTML / CSS / JavaScript / 画像)
・埋め込み用の動画(ループ用・音声付きの2種)
・公開手順書(Cloudflareへのアップロード手順)
【流れ】
1. ヒアリング(サービス内容、伝えたいこと、色・ロゴ・既存素材)
2. 構成案とコピーのご確認
3. 動画のdraftをご確認 → 修正
4. LP全体を組んでご確認 → 修正
5. 納品(ご希望があれば公開作業のサポートまで)
【こんな方に】
・アプリやWebサービスの紹介ページを作りたい
・テンプレート感のあるLPではなく、世界観で差をつけたい
・動画とLPを別々に発注するのが手間
【できないこと】
・実写撮影、俳優・ナレーターの手配
・予約システムや決済など、サーバー側の機能開発
文章が苦手でも大丈夫です。ヒアリングの内容からコピーはこちらで下書きします。まずはお気軽にご相談ください。
ご購入前に、以下を「見積り・カスタマイズの相談」からお知らせいただけるとスムーズです。
1. 紹介したいサービスの概要(URLや資料があれば)
2. LPの目的(問い合わせ/予約/アプリのダウンロード など)
3. ご提供いただける素材(ロゴ、UIのスクリーンショット、写真、ブランドカラー)
4. 公開先が決まっていればその環境(Cloudflare / STUDIO / 自社サーバー など)
【ご注意】
・ドメインとサーバーはお客様側でご用意ください(Cloudflareの無料枠で運用する手順書をお付けします)
・ロゴ・製品画像などの素材はご提供をお願いします。無い場合はダミーのUIで制作します
・BGMは著作権処理済みのものを使用します。お持ち込みも可能です
・動作確認はChrome / Safari / Edgeの最新版で行います
・修正はdraft段階で2回まで。それ以降は別途ご相談ください