何が共有しづらいのか
UizardはFigmaと異なりHTMLエクスポートに対応しているが、エクスポートされたHTMLはUizardの独自クラス名を持つCSSと密結合しており、そのままブラウザで開いても崩れるケースがある。特に`uizard-*`プレフィックスのCSSが別ファイルに分離されている構成では、HTMLとCSSを必ずセットでzipにまとめる必要がある。
LP案は意思決定者が「ざっと見てOKかNG」を判断するために共有されることが多い。そのため表示が崩れた状態で送ると、デザインではなく技術的な問題として受け取られ、意思決定が止まる。共有前にChrome・Safari・Edge の3ブラウザで表示確認を完了させることが、レビューを滞らせない最低条件だ。
- 相手がログインなしで開ける状態か確認する
- PCとスマホで最低1回ずつ表示を確認する
- 内部情報・個人情報・不要な外部送信が残っていないか見る
- レビュー期限と修正時の差し替え方を決めておく
URL化する前の確認点
UizardのLP HTMLには`<meta name="generator" content="Uizard">`のようなメタタグが入ることがある。これ自体は無害だが、LP本番公開時に削除し忘れると競合他社に制作ツールが露出する。レビュー前に削除しておくか、本番用とレビュー用のファイルを分けて管理する習慣をつけるとよい。
CTAボタンのhref先が`https://your-company.com/signup`のような本番URLになっていないかを確認する。レビュアーがボタンを押して本番のコンバージョン計測に影響することは避けたい。レビュー用には`href="#"`またはモーダルで「これはプレビューです」を表示する処理に差し替えること。
- HTML内の外部script・form action・iframeを確認する
- APIキーやトークンらしき文字列がないか検索する
- 画像・CSS・JSのパスが公開後も解決できるか見る
- noindexと認証を混同せず、必要なら両方設定する
認証と期限の決め方
LPのデザイン案は競合に見られたくない情報を含む場合がある。特にリリース前の新商品や価格改定を示すLPは、パスワード認証を設定して関係者にのみパスワードを伝えるのが原則だ。「URLを知っている人だけ見られる」では不十分で、検索エンジンのクローラーによるインデックスも防ぐ必要がある。
LP案のレビュー期限はキャンペーン開始日から逆算して設定する。例えばキャンペーン開始2週間前にレビュー完了が必要なら、共有URLの期限はその3日前の11日後に設定し、ギリギリまで修正対応できる余地を残す。承認後に「やっぱり変更したい」が発生することを想定して、期限に5日程度のバッファを確保しておくと安心だ。
- 誰でも見てよい: URL共有のみでもよいが、検索除外は確認する
- 特定の相手だけ: パスワードまたはメール認証を使う
- 会社内だけ: 会社ドメイン認証を検討する
- 短期レビュー: 期限を設定して古いURLを残さない
共有後のフィードバック回収
LP案のレビューでは「ファーストビューで何を伝えたいかが伝わっているか」「CTAボタンを押したいと思えるか」の2点に絞って質問すると、レビュアーが答えやすくなる。自由記述で意見を求めると「全体的にいい感じ」「フォントが気になる」のような粒度の異なるフィードバックが混在し、優先度付けが難しくなる。
LP案は複数パターンを見せてA/B選択してもらうことも多い。その場合、パターンAとパターンBを同じ形式のURLで発行し、比較軸（「ヒーロー画像あり vs テキストのみ」など）を明示した比較シートと一緒に送ると、回答が「どちらかといえばA、理由は…」のように具体化しやすい。
- 確認してほしい観点を3つ以内に絞る
- 期限と返信先を明記する
- 修正後も同じURLで見られるか伝える
- 最終版と途中版が混ざらないようタイトルを付ける
よくある質問
UizardのHTMLエクスポートにはReactが必要ですか？それともHTMLのみで動作しますか？
Uizardのエクスポートモードによって異なります。HTMLエクスポートならブラウザでそのまま開けますが、Reactエクスポートの場合はnpm installとビルドが必要です。レビュー用にはHTMLエクスポートを使うか、ビルド済みのdistフォルダをzipにまとめて共有する方法が簡単です。
LP案に含まれるヒーロー画像が大きくて共有サービスのアップロード容量を超えそうです。どうすればいいですか？
SquooshやImageOptimでJPEGの品質を80%程度に落とすと、目視でほぼ変わらずファイルサイズを50〜70%削減できます。また横幅2000pxを超える画像はレビュー用途では1400px程度にリサイズしても支障はありません。
LP案のURLを取引先に送る前に、自社の法務・コンプライアンス確認は必要ですか？
LP案に価格・比較表・他社言及が含まれる場合は、景品表示法や薬機法の観点から法務確認が推奨されます。デザインのみのレビューであってもNDA締結前の取引先への共有ルールを事前に確認してから送付してください。