AI活用

Dora AIで生成したLP案をレビュー用URLにして共有する方法

Dora AIで生成したLPの草案はアニメーションやスクロールエフェクトを含むことが多く、スクリーンショットでは動きを伝えられない。ギガサイト便でURL化すれば、クライアントや上長にページ体験そのままでレビューしてもらうことができ、「動きが速すぎる」「スクロールで見落とす」という実際の体験からのフィードバックを得られる。

何が共有しづらいのか

Dora AIが生成するLPはWebGLやCSS Animationを多用することがある。これらはローカルのHTMLファイルをそのまま開いても正常に動作するが、ZIPで圧縮して送ると圧縮前後でファイルパスが変わりアセットが見つからなくなるケースがある。URLでアクセスする形式にすれば圧縮・解凍の問題が解消し、意図したアニメーションが動く状態でレビューしてもらえる。

LPにはコンバージョンを意識したCTAボタンやファーストビューが重要だが、メール添付のPDF化したスクリーンショットではスクロールするとどう見えるかが伝わらない。URLを使えば実際のスクロール体験でファーストビューの「印象」を評価してもらえる。「見た瞬間に何のサービスかわかるか」はURLのリアル体験でしか判断できない観点だ。

  • 相手がログインなしで開ける状態か確認する
  • PCとスマホで最低1回ずつ表示を確認する
  • 内部情報・個人情報・不要な外部送信が残っていないか見る
  • レビュー期限と修正時の差し替え方を決めておく

URL化する前の確認点

Dora AIのLPに埋め込まれたビデオ背景やWebGLシーンが、モバイル端末でも過剰な負荷をかけないか確認する。特にスマートフォンのSafariでは一部のWebGLエフェクトが動作せず、真っ黒な背景になることがある。レビュアーがモバイルでアクセスする可能性があれば、`<video>`タグにフォールバック画像を設定しているかHTML内で確認する。

フォントをGoogle Fontsから読み込んでいる場合、中国・ロシアなど一部の国のネットワーク環境ではGoogleのCDNへのアクセスがブロックされる。海外のステークホルダーにレビューを依頼するなら、フォントを`@font-face`でローカルに同梱するかシステムフォントへのフォールバックを設定する。ギガサイト便にHTMLと一緒にフォントファイルをZIPで同梱してアップロードすると確実だ。

  • HTML内の外部script・form action・iframeを確認する
  • APIキーやトークンらしき文字列がないか検索する
  • 画像・CSS・JSのパスが公開後も解決できるか見る
  • noindexと認証を混同せず、必要なら両方設定する

認証と期限の決め方

Dora AIで作ったLP草案を競合他社に見られたくない場合は、必ずパスワードまたはメール認証を設定する。「noindexを設定すれば検索エンジンに出ない」という認識は誤りで、noindexはあくまでクローラーへの指示であり、URLさえわかればアクセスは可能だ。ギガサイト便の認証機能を使えばURLを知っていてもログインしなければ内容を見られない。

クライアントへの提示は「商談日の翌日まで」を期限にすると自然だ。商談で議論したLP案を後から何度もアクセスして見られる状態にしておくと、次回のMTGで古い版と新しい版の比較が混乱する原因になる。修正版を提示するタイミングに合わせて旧URLを無効化し、新URLのみを有効にする運用が明快だ。

  • 誰でも見てよい: URL共有のみでもよいが、検索除外は確認する
  • 特定の相手だけ: パスワードまたはメール認証を使う
  • 会社内だけ: 会社ドメイン認証を検討する
  • 短期レビュー: 期限を設定して古いURLを残さない

共有後のフィードバック回収

Dora AIのLPにはアニメーションが多いため、フィードバックの観点を「静的デザイン」と「動的体験」に分けて依頼するとよい。「ファーストビューを5秒見て、このサービスで何ができるかを一言で答えてください」という問いでファーストビューの訴求力を測り、「スクロールして気になったアニメーションや演出があれば教えてください」で動的表現へのフィードバックを集める。

複数のLP案(A案・B案)を比較してもらう場合は、それぞれ別のURLを発行してランダムに割り当てる。同じ人に両方見せると後から見た方が有利になるため、レビュアーを2グループに分けてどちらか一方だけを見せると、先入観のない比較評価が得られる。評価が割れた場合は定量的な指標(ヒートマップや時計測)を後のフェーズで使う判断材料にする。

  • 確認してほしい観点を3つ以内に絞る
  • 期限と返信先を明記する
  • 修正後も同じURLで見られるか伝える
  • 最終版と途中版が混ざらないようタイトルを付ける

よくある質問

Dora AIのLPにWebGLエフェクトが含まれますが、モバイルで正常に表示できますか?

iOS SafariではWebGLが動作しないケースがあります。共有前にiPhoneとAndroidの実機で表示を確認し、問題があればfallback画像を設定するかエフェクトを軽量なCSSアニメーションに差し替えてください。

Dora AIのエクスポートにnoindexが含まれていないのですが、検索に出てしまいますか?

ギガサイト便の認証付きURLにはクローラーがアクセスできないため、認証を設定していれば検索インデックスの心配は不要です。認証なしで公開する場合はHTMLにnoindexを手動で追記してください。

A案とB案を同じクライアントに両方見せても比較できますか?

同一人物に順番に見せると後から見た方の印象が強くなりやすいです。異なる担当者に割り当てるか、数日間を空けて順番を変えて見てもらうと、より公平な比較になります。

関連記事

AI活用

Dora AIで生成したHTMLスライドをレビュー用URLにして共有する方法

ページ遷移アニメーションはファイルでは再現されず、URLで見てもらうのが唯一の方法だ。Dora AIが出力するHTMLスライドを発表前のコンテンツチェックや社内レビューで使うために、ギガサイト便で認証付きURLを発行する手順を具体的に説明する。

5分で読める
AI活用

Google Stitchで生成したLP案をレビュー用URLにして共有する方法

Google StitchでLP案を生成したデザイナー・マーケター向け。生成したHTMLをレビュー用URLとして安全に共有するための前処理・認証設定・フィードバック回収の手順を具体的に解説し、どの認証方式が適切か判断できるようにする。

4分で読める
「AI活用」の記事をもっと見る →