2016.05 Web Site

2016年9月に京都で行われた音楽イベント「OKAZAKI LOOPS」のティザーサイトを制作しました。

Role
Motion Design + Technical Direction + HTML/CSS Coding + JavaScript Programming
Credit
  • Subaru Matsukura : Direction
  • Kenji Maeda : Design
Tag

SCRAPさんの脱出ゲーム企画「呪われたオーディション会場からの脱出」の告知サイトを作りました。

コアコンセプトは「脱出ゲームの告知サイトから脱出する面白さ」「謎が解けなくてもホラー体験できる楽しさ」。

まず基本的な謎が4問。それを解けた前提で挑戦する第5の謎があって、さらにもうひとつ最後の大きな謎があります。その謎解きの面では、リアルな脱出ゲームの謎の面白さとはまた別の、ウェブサイトであったりスマホであったりという特性も活かした謎を盛り込めたのもよかったなと思います。
一方で、ターゲットとしては謎大好きな既存謎解きユーザー、スクラップさんの既存ファンだけでなく、株式会社闇としてのリーチも生み出したかったので、謎解きが得意じゃない、謎を解けない(僕のような)人間にも楽しんでもらえるようにしようと。謎が解けなくてもひと通りの演出は体験できるように設計されています。
ヒントを出すかどうか、どのくらいゲームオーバーになりやすいかどうか、なども、開発チーム内でのレビューも繰り返しつつ、社内だけど案件に関わってない人を数人づつ計画的に使って体験してもらって、調整。あとは拡散目的の、友だちにこのサイトを送りたくなるような機能もつけました。

View
Role
Technical direction + Programming
Credit
  • SCRAP : Client
  • Seitaro Tonka (Darkness inc.) : Direction, Art direction, Design
  • Yusuke Okuda : HTML coding
  • Yoshiko Dokyu : Special thanks
Link
Media
  • Web designing 2015.10
Tag

株式会社闇と一緒に、お化け屋敷で使うシステムを作りました。
担当はビビらせる部分のシステムではなくて、今あるお化け屋敷にエクステンションして、来場者にもっと楽しんでもらうためのシステムという感じで、拡散施策の一環です。
NTTの技術で取得解析したバイタルデータと、場内で撮影した来場者の動画から、動画、ウェブサイト、OG画像、を自動生成しサイトを公開する一連の流れのシステムを構築しました。

View
Role
Technical direction + Programming
Credit
  • MBS : Client
  • Darkness inc. : Production
  • Kenji Kubota (Starryworks inc.) : Programming
  • NTT : System & Vital data analyze
Link
Tag

2015.03 Education

主催が株式会社フィールド、プロデュースがいろいろデザイン、で様々なジャンルの講座を設ける「いろいろスクール」が開講され、そこでWeb構築に関する講師を担当しました。
基礎的なHTML/CSSコーディングができる方を対象として、メタ言語やタスクランナー/ビルドシステムを利用したより高速で効率的な構築や、チーム開発、リモート開発、パフォーマンスの計測と最適化などの内容を教える予定です。(2015.3.20時点)

Credit
  • Produce : Iroiro design
  • Manage : Field Co., Ltd.
Tag

2014.03 Event, Web Site

株式会社サイバーエージェント様の社内技術コンテスト「TOTEC」のフロントエンド部門の、課題設定・課題制作・運営を株式会社クスール様と担当しました。

Role
Technical director + Programmer
Credit
  • Client : CyberAgent
  • Production : Cshool
Link
Tag