「お探しのページは、ゲームになりました。」動画制作のワークフローをサイト構築に転用。AI Geminiと「バケツリレー」で作り上げた、遊び心あふれる404ページを公開。

次世代AI動画制作サービス「Smarvee」がサイト刷新。リンクロスを「不備」ではなく、ブランドを体験する「ゲーム」へと再定義。AIによる「使い捨てシステム」で旧コンテンツの再構成や画像生成も自動化。次世代AI動画制作サービス「Smarvee（https://smarvee.com）」を展開する株式会社よつば制作所（本社：東京都豊島区、代表取締役：関 晴仁）は、自社Webサイトの刷新を完了いたしました。本リニューアルでは、サイト構造の変化に伴い発生しがちな「404 Not Found（ページが見つかりません）」ページを、AIを活用してシンプルなミニゲーム「Catch &amp; Attack!」へと作り替えました。本来はWebサイトの不備とされるリンクロスを、ブランドの遊び心を伝える接点へと再定義します。[画像1: https://prcdn.freetls.fastly.net/release_image/43745/5/43745-5-96b528b44191d455cae15431226b8aa3-2830x1453.png?width=536&amp;quality=85%2C75&amp;format=jpeg&amp;auto=webp&amp;fit=bounds&amp;bg-color=fff ]リニューアルサイトのメインビジュアル■ 404ページから始まる、AIとの「共創」体験リニューアルによって旧URLが失われるストレスを、「思わぬ発見」に変える仕掛けを施しました。[画像2: https://prcdn.freetls.fastly.net/release_image/43745/5/43745-5-528952b1901326600406ee6dd7bd5c44-2862x1615.png?width=536&amp;quality=85%2C75&amp;format=jpeg&amp;auto=webp&amp;fit=bounds&amp;bg-color=fff ]404ページの「Catch &amp; Attack!」。404を破壊してストレス解消！403のアクセス禁止に注意。「お探しのページは、ゲームになりました」404ページに到達したユーザーに対し、離脱ではなく「少し遊んでいきませんか？」と提案するメッセージを表示します。Canvasを使用したミニゲームの実装HTML5 Canvasを使用した「Catch &amp; Attack!」を搭載。青い玉をキャッチして得点を稼ぎ、降ってくる「404」を破壊するシンプルなアクションを楽しめます。AIによるユーモアサイト構築の全工程を担ったAI Geminiが、エラーページという本来ネガティブな場所を、ブランドの個性を表現する場へと昇華させました。■課題解決のための、AIによる「使い捨てシステム」サイト刷新に伴う膨大な作業負荷を解消するため、特定の工程を解決するためだけにAIで構築した「使い捨てシステム」を複数投入しました。旧コンテンツ再構成ツール[画像3: https://prcdn.freetls.fastly.net/release_image/43745/5/43745-5-2f38e1a2a8099098bd1faeadf79f1340-2862x1611.png?width=536&amp;quality=85%2C75&amp;format=jpeg&amp;auto=webp&amp;fit=bounds&amp;bg-color=fff ]今回のリニューアルプロジェクト限りの使い捨ての変換システムショートコードの多用により画像移行が困難だった旧サイト記事を、新フォーマットへ自動変換。移行に必要な一瞬だけ稼働させ、任務完了後に破棄する、AIならではの「使い捨て」スタイルで実装しました。動画キャプチャ・アイキャッチ生成ツール[画像4: https://prcdn.freetls.fastly.net/release_image/43745/5/43745-5-e88f9633c65c654f7b5d96772edfe81b-2862x1611.png?width=536&amp;quality=85%2C75&amp;format=jpeg&amp;auto=webp&amp;fit=bounds&amp;bg-color=fff ]サービスサイト専用のサムネイルメーカー 未設定だった記事・ページサムネイルを、動画素材から最適なシーンを自動キャプチャ。一気にアイキャッチへと設定する単目的ツールを構築。動画制作ブランドとしての視覚的品質を底上げしました。また一部実績ページでは動画素材をアイキャッチ化する仕組みを実装しました。■ 開発の舞台裏：動画制作フローを転用した「バケツリレー」[画像5: https://prcdn.freetls.fastly.net/release_image/43745/5/43745-5-ca6c3ee4a17ce66e375c62929bdf2a92-2752x1536.png?width=536&amp;quality=85%2C75&amp;format=jpeg&amp;auto=webp&amp;fit=bounds&amp;bg-color=fff ]AIバケツリレー方式今回のリニューアルは、テーマ制作からコンテンツの移行、404ページのゲーム実装まで、すべてAI Geminiとの共同作業で実現しました。動画制作ワークフローの転用「生成されたものをプレビューし、チェック、再修正する」という生成AIでの映像制作ワークフローをサイト制作に転用。AIに丸投げするのではなく、人間が作業方針を相談し、合意した後に全文を出力、人間がプレビューし評価するという厳格なプロセスを徹底しました。「バケツリレー方式」による精度の維持AIの文脈理解が低下（へたり）したと判断したタイミングで、それまでの正常なコード資産を携えて「新しいチャット（新規環境）」へ移行。常に最高精度の状態を維持する手法をとりました。人間による最終検収生成されたPHP・CSSは人間が一つひとつ手作業で更新・プレビューし、AIの創造性と人間の確実性を組み合わせた実装フローを確立しました。[画像6: https://prcdn.freetls.fastly.net/release_image/43745/5/43745-5-2cbaaf4bc6244d334b13f8bf98a0792e-2116x1147.png?width=536&amp;quality=85%2C75&amp;format=jpeg&amp;auto=webp&amp;fit=bounds&amp;bg-color=fff ]精度低下時のGeminiへのバケツリレー■ 次世代の動画制作ブランドへのリブランディング今回のリニューアルを経て、当社は「AIを活用した次世代の動画制作サービス」としてブランドを刷新いたしました。AIを単なる効率化のツールとしてだけでなく、Webサイトの端々にまで遊び心を宿らせるクリエイティブ・パートナーとして活用する。404ページに現れた小さなゲームには、そんな私たちのビジョンが込められています。■ サービス概要サイトURL: https://smarvee.com404体験URL: https://smarvee.com/404（意図的に存在しないURLを入力してください）リニューアル手法: AI Geminiとの対話による全工程構築（バケツリレー方式）企業プレスリリース詳細へ : https://prtimes.jp/main/html/rd/p/000000005.000043745.htmlPR TIMESトップへ : https://prtimes.jp