制作実績一覧

LP制作(架空案件)

指示の出し方ひとつで、LPの見た目はどこまで変わるか。

架空のオンライン英会話サービス「Hanaso Talk」を題材にした検証制作です。実在のサービスではありません。サービス名・料金・講師名などはすべてダミーです。

何を作ったか

「同じLP制作依頼でも、AIへの指示の言葉だけを変えると仕上がりがどう変わるか」を検証するため、架空のオンライン英会話サービスの訴求LPを1ファイルHTMLで3パターン生成し、最後に「いいとこ取り」で1本に合成しました。

工程

  1. A案:「アニメーション付けて」。同一のLP制作依頼に、動きの指示だけをシンプルに添えて生成。
  2. B案:「Framerっぽくして」。参照名を1語加えるだけで、ダーク×グラデーションの見た目にどう寄るかを比較。
  3. C案:「動きはFramerっぽく+配色はクリーム×オレンジ指定」。動きの語彙と見た目の語彙を分離して指定し、ブランドらしさを保ったまま動きだけ洗練させられるかを検証。
  4. いいとこ取りでD案(採用版)に合成。「B案のmac風ウィンドウ・チャットUI・金額カウントアップ」「A案の配色メリハリ・斜めセクション区切り」を部品指名で移植し、Cのトーンと動きをベースに1本へ合成。

比較画像

A案・B案・C案、それぞれのファーストビューです(いいとこ取りしたD案が採用版)。

A案:アニメーション付けての指示で生成したLP
A案「アニメーション付けて」
B案:Framerっぽくしての指示で生成したLP
B案「Framerっぽくして」
C案:動きはFramerっぽく+配色指定で生成したLP
C案「動き+配色を分離指定」

いいとこ取りした採用版(D案)の実物LPはこちらから見られます。