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