本文へ移動
完了

FIELD実務制作 / インタラクティブキャンペーン

CODE QUEST

エンジニア向け求人サイトに、コンソール画面をモチーフとした操作可能なゲーム形式のコンテンツを実装。

OVERVIEW

ターゲットに馴染みのあるUIを演出へ転用し、求人情報との接点を能動的な体験としてつくる。

Period
2017.9–2017.10
Status
完了
Role
フロントエンド
Field
実務制作 / インタラクティブキャンペーン
Technology
HTML / CSS / JavaScript / Canvas / Photoshop

OVERVIEW

概要

株式会社カヤック在籍時に、GeekOutの求人サイト「CODE QUEST」を制作しました。フロントエンドエンジニアとして、Canvasを利用したユーザー操作型のゲームコンテンツをPC向けに実装しました。

IDEA

ターゲットに合わせたUI

エンジニアが対象であることから、慣れ親しんだコンソール画面をモチーフにしたアニメーションを提案し、実装まで担当しました。装飾として技術的な意匠を置くのではなく、ユーザー自身が操作できるゲーム形式にすることで、サイトの体験へ組み込みました。

この演出が好評を得たことで、第二弾の制作受注につながりました。

ROLE

担当

  • コンソール画面をモチーフにした演出の提案
  • HTML、CSS、JavaScriptによるフロントエンド実装
  • Canvasを利用したゲームコンテンツとアニメーションの制作

ディレクター1名、デザイナー2名、エンジニア2名のチームで制作しました。

FACTS

Period
2017.9–2017.10
Status
完了
Role
フロントエンド
Field
実務制作 / インタラクティブキャンペーン
Technology
HTML / CSS / JavaScript / Canvas / Photoshop