AI動画を使ってウェブサイトを制作する方法

TL;DR

短い生成AI動画をウェブサイトの背景に組み込み、Readdyで構成、文字、色、フォームを整えると、動画単体ではなくサイト制作物として提案できる。参考画像や既存サイト、Pomelliの分析結果を基にページを生成し、公開後に問い合わせや表示をテストする。

Transcript

はい、こんにちは。RKJビデオのりです 。先生で作った動画はユニークでかっこ いいですが、実際これでお金を稼いでる人 はどれぐらいいると思いますか?SNSで AIアニメやミュージックビデオ、 エンタメ動画を作って発信してる人は広告 周期で稼のクオリティが高いと評価され てる人は企業から声をかけられてCMを 作ったりしてます。それ以外ほとんどの方 は趣味としてAIを活用してると思います 。写真を作れにしても動画を作れにしても お金はかかります。このままだと赤字です 。今回の動画では生成愛で作った動画で 稼ぐ新しい方を皆さんに提案します。神戸 の動画を生成して稼ぐことは不可能です。 でも神戸の動画とウェブサイトを 組み合わせればその効果は絶大です。私が 20分で作ったサイトを見てください。 テン... Read More

Key Insights

• ・短いAI動画は、ウェブサイトの背景や主要ビジュアルとして組み込むことで、動画単体とは異なるサイト制作サービスとして提案できる。
• ・話者が確認したクラウドソーシングの相場では、動画1本が1万〜3万円、ウェブサイト制作が平均20万〜60万円とされている。
• ・Readdyの再構築機能は、既存サイトのURLを入力すると、構成、色味、写真、イラストなどを基に類似ページを生成できる。
• ・Readdyのセレクト機能は、対象要素を選んで日本語で指示することで、文字サイズ、画像、フォント、色などを個別に修正できる。
• ・問い合わせフォームは、公開サイトからテスト送信することで、完了ページの表示と管理画面へのメールアドレスやメッセージの記録を確認できる。
• ・生成動画を背景へ設定するには、動画を外部サービスへアップロードし、取得したURLをReaddyの指示文に貼り付ける方法が紹介されている。
• ・Pomelliは、入力したサイトから名称、ロゴ、フォント、配色、写真を収集し、その情報を基にランディングページ案を生成できる。
• ・テンプレートはアニメーション付きページを手早く作れる一方、顧客向けの独自サイトでは参考素材、生成動画、個別修正の組み合わせが必要になる。
• 🎬 このチャンネルの他の動画:
  • AIで好きなキャラクターを動画化する方法
  • AIでYouTube動画制作を効率化する方法
  • Dzine AIで複数人の会話動画を作る方法
• 📺 このチャンネル: RKJ VIDEO 【イケている動画を作りたいなら】

Questions & Answers

Q: 短いAI動画をウェブサイト制作に活用する方法は？

生成した短い動画をウェブサイトの背景や主要ビジュアルとして設定し、文字、配色、フォームなどを組み合わせます。動画を外部サービスへアップロードしてURLを取得し、そのリンクをReaddyへ渡して背景を動画に変更する手順が紹介されています。

Q: Readdyで既存サイトを再構築する方法は？

参考にするウェブサイトのリンクをReaddyの再構築機能へ貼り付け、送信します。話者の実演では、元サイトの構成、写真、イラスト、色味が取り込まれましたが、文字や画像のサイズには差があり、アニメーションはそのまま再現できないと説明されています。

Q: Readdyで生成したページを修正する方法は？

セレクト機能で変更したいメニュー、画像、文章などを選び、日本語の指示を入力します。実演では、文字を30％大きくする、テキストを50％縮小する、画像を差し替える、絵文字を削除する、背景を動画へ変更するといった修正が行われています。

Q: ウェブサイトのフォントと色を整える方法は？

日本語と英語で使うフォントを指定し、アクセントカラーのカラーコードをReaddyへ伝えます。話者は日本語フォントと英語フォントを個別に指定し、Google Chromeのカラーピッカーで好みの色のコードを取得して貼り付け、ブランドに合わせて調整しています。

Q: 問い合わせフォームが正しく動くか確認する方法は？

問い合わせ完了ページを生成した後、サイトを一度公開し、実際のフォームへ文字やメールアドレスを入力して送信します。そのうえで完了ページが表示されるかを確認し、管理画面にメッセージとメールアドレスが記録されているかを確認します。

Q: 参考写真から動画背景付きサイトを作る方法は？

参考サイトの写真を保存し、画像生成機能で文字とイラストを削除して被写体だけを残します。その画像を動画生成モデルへ渡し、動き、場面、カメラ固定などを指示して動画化します。生成動画のURLを取得し、Readdyで背景として設定します。

Q: PomelliとReaddyを組み合わせる方法は？

Pomelliへ参考サイトのURLを入力し、収集されたロゴ、フォント、色、写真、メッセージを基にランディングページ案を生成します。気に入ったデザインを画像としてダウンロードし、Readdyの画像から作成する機能へ読み込ませると、フォームなどを含むページへ展開できます。

Q: Pomelliが地域制限で開けない場合の方法は？

話者の環境では、Pomelliにアクセスすると地域では利用できないと表示されたため、VPNでアメリカへ接続して利用しています。紹介された契約例は1か月約2000円で、接続後に再度開始ボタンを押すとサービス画面が表示されたと説明されています。

Q: テンプレートとオリジナル制作はどう使い分ける？

短時間でアニメーション付きの見栄えを整えたい場合はテンプレートが適しています。一方、顧客のブランドや競合サイトのイメージへ合わせる場合は、参考画像、指定フォント、カラーコード、生成動画、Pomelliの分析結果を使い、各要素を個別に修正します。

Q: AIサイトを顧客へ納品する前に何を確認する？

公開後の表示、動画背景、文字サイズ、フォント、配色、問い合わせ完了ページ、フォーム送信、管理画面への記録を実際に確認します。また、再構築したページには元サイトとの差があり、アニメーションを再現できない場合もあるため、生成結果をそのまま完成品とせず調整します。

Summary & Key Takeaways

• 短い生成AI動画を収益化へつなげる方法として、動画をウェブサイトの背景や主要ビジュアルに使い、サイト制作サービスとして提供する案が示される。話者によれば、クラウドソーシング上の動画制作は1本1万〜3万円、ウェブサイト制作は平均20万〜60万円であり、動画単体より高い価値を提案しやすい。

• Readdyでは日本語表示へ切り替えた後、既存サイトのURL、テンプレート、参考画像からページを生成できる。セレクト機能を使えば、文字サイズ、画像、フォント、アクセントカラー、不要な絵文字などを日本語の指示で修正できる。問い合わせ完了ページも作成でき、公開後はフォーム送信と管理画面への記録をテストする。

• オリジナル性を高める手順は、参考画像から文字やイラストを除去し、生成AIで短い動画へ変換して、その公開URLをReaddyへ渡す流れである。さらにPomelliで参考サイトのフォント、色、メッセージ、写真を抽出し、ランディングページ案を作ってReaddyへ取り込める。ただしPomelliは話者の地域ではVPN接続が必要だった。