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

次世代AI動画制作サービス「Smarvee」がサイト刷新。リンクロスを「不備」ではなく、ブランドを体験する「ゲーム」へと再定義。AIによる「使い捨てシステム」で旧コンテンツの再構成や画像生成も自動化。

株式会社よつば制作所

2026年1月6日 10時00分

次世代AI動画制作サービス「Smarvee（https://smarvee.com）」を展開する株式会社よつば制作所（本社：東京都豊島区、代表取締役：関晴仁）は、自社Webサイトの刷新を完了いたしました。

本リニューアルでは、サイト構造の変化に伴い発生しがちな「404 Not Found（ページが見つかりません）」ページを、AIを活用してシンプルなミニゲーム「Catch & Attack!」へと作り替えました。

本来はWebサイトの不備とされるリンクロスを、ブランドの遊び心を伝える接点へと再定義します。

■ 404ページから始まる、AIとの「共創」体験

リニューアルによって旧URLが失われるストレスを、「思わぬ発見」に変える仕掛けを施しました。

404ページの「Catch & Attack!」。404を破壊してストレス解消！403のアクセス禁止に注意。

「お探しのページは、ゲームになりました」

404ページに到達したユーザーに対し、離脱ではなく「少し遊んでいきませんか？」と提案するメッセージを表示します。

Canvasを使用したミニゲームの実装

HTML5 Canvasを使用した「Catch & Attack!」を搭載。青い玉をキャッチして得点を稼ぎ、降ってくる「404」を破壊するシンプルなアクションを楽しめます。

AIによるユーモア

サイト構築の全工程を担ったAI Geminiが、エラーページという本来ネガティブな場所を、ブランドの個性を表現する場へと昇華させました。

■課題解決のための、AIによる「使い捨てシステム」

サイト刷新に伴う膨大な作業負荷を解消するため、特定の工程を解決するためだけにAIで構築した「使い捨てシステム」を複数投入しました。

旧コンテンツ再構成ツール

ショートコードの多用により画像移行が困難だった旧サイト記事を、新フォーマットへ自動変換。移行に必要な一瞬だけ稼働させ、任務完了後に破棄する、AIならではの「使い捨て」スタイルで実装しました。

動画キャプチャ・アイキャッチ生成ツール

未設定だった記事・ページサムネイルを、動画素材から最適なシーンを自動キャプチャ。一気にアイキャッチへと設定する単目的ツールを構築。動画制作ブランドとしての視覚的品質を底上げしました。また一部実績ページでは動画素材をアイキャッチ化する仕組みを実装しました。

■ 開発の舞台裏：動画制作フローを転用した「バケツリレー」

今回のリニューアルは、テーマ制作からコンテンツの移行、404ページのゲーム実装まで、すべてAI Geminiとの共同作業で実現しました。

動画制作ワークフローの転用

「生成されたものをプレビューし、チェック、再修正する」という生成AIでの映像制作ワークフローをサイト制作に転用。AIに丸投げするのではなく、人間が作業方針を相談し、合意した後に全文を出力、人間がプレビューし評価するという厳格なプロセスを徹底しました。

「バケツリレー方式」による精度の維持

AIの文脈理解が低下（へたり）したと判断したタイミングで、それまでの正常なコード資産を携えて「新しいチャット（新規環境）」へ移行。常に最高精度の状態を維持する手法をとりました。

人間による最終検収

生成されたPHP・CSSは人間が一つひとつ手作業で更新・プレビューし、AIの創造性と人間の確実性を組み合わせた実装フローを確立しました。

■ 次世代の動画制作ブランドへのリブランディング

今回のリニューアルを経て、当社は「AIを活用した次世代の動画制作サービス」としてブランドを刷新いたしました。AIを単なる効率化のツールとしてだけでなく、Webサイトの端々にまで遊び心を宿らせるクリエイティブ・パートナーとして活用する。404ページに現れた小さなゲームには、そんな私たちのビジョンが込められています。