プロジェクト概要
求人サイト「イーアイデム」とホラー映画『貞子』のタイアップによるプロモーション企画ページの制作案件です。求人サイトが貞子に乗っ取られたという設定の「裏サイト」において、ビジュアルデザインとコーディングを担当しました。実際には存在しない「貞子役の求人募集」というエンタメコンテンツを通じ、ユーザーに驚きと面白さを提供するクリエイティブを形にしています。
基本情報
プロジェクト: 映画『貞子』×イーアイデム タイアッププレゼントキャンペーン特設サイト
サイト種別: キャンペーンサイト（エンタメ企画コンテンツ）
担当領域
Webデザイナー / フロントエンドエンジニア（デザイン・コーディング）
プロジェクトの目的と課題
- 「乗っ取り」のリアルな表現: お馴染みの求人サイトのレイアウトを踏襲しつつ、ホラー要素を違和感なく組み込み、本当にハッキングされたかのような恐怖感を演出すること。
- 恐怖とユーモアのバランス: 「テレビから出てくる簡単なお仕事」といったユーモアのある架空の求人内容を、本物の求人情報のように真面目なフォーマットでデザインし、エンタメとしての完成度を高めること。
- 動的なギミックによる驚きの提供: チャットボットが異常な動作を起こすなどのインタラクティブな仕掛けをコーディングで実装し、ユーザーのSNSシェア（バズ）を誘発する体験を作ること。
施策とこだわったポイント
1. サイトジャックを表現するホラーUIデザイン
イーアイデムの通常のインターフェースをベースに、背景への不気味な人影の配置や、クモの巣、血痕などのモチーフをあしらいました。
2. 細部まで作り込んだ「貞子の求人」フォーマット
-
「シフトは年に1回〜」「井戸水飲み放題」といった非日常的なテキストを、実際の求人詳細画面と全く同じUIデザインに落とし込みました。
-
真面目なデザインフォーマットとふざけた内容のギャップにより、ユーザーの笑いとSNS拡散を促す見せ方にこだわっています。
3. ユーザーを驚かせるチャットボットのギミック実装（コーディング）
-
「お仕事コンシェルジュ 貞子版」というチャットUIにおいて、「ばいとおおお」などのメッセージが大量に連続送信される異常な挙動をコーディングで実装しました。
-
画面が乗っ取られたかのようなインタラクティブな演出を取り入れ、静止画だけでは伝わらない恐怖体験を作り出しています。
4. キャンペーン本線へのスムーズな誘導
エンタメコンテンツとして楽しませた後は、しっかりとポップアップを表示して「貞子さんに乗っ取られる事象が発生しています」「実際の求人は存在しません」とネタばらしを行っています。
成果・評価
遊び心と確かな技術力による、バズを生むコンテンツ制作力
ホラーとユーモアを融合させたエンタメ企画において、世界観を体現するグラフィックデザインから、ユーザーの感情を動かす動的なギミック（コーディング）までを一貫して完遂しました。単なる情報伝達ではなく、ユーザーに「体験」を提供し、SNS等での拡散を狙うプロモーションコンテンツの制作能力を示す実績です。
