『映像研には手を出すな！』や『犬王』など斬新な表現や世界観が持ち味のアニメスタジオ、サイエンスSARUの新作オリジナルTVアニメ『ユーレイデコ』の公式サイトを担当させていただきました。

作品世界を表す「近未来ソーシャルネットワーク・アドベンチャー」というキーワード、また、作品に深みを与える著名アーティストによるサウンドのコラボレーションなど、作品の特徴をサイトでも表現することで、アニメ視聴をより楽しんでいただけることを目指しました。

作品世界とターゲット層に寄り添ったデザイン

『ユーレイデコ』の作品世界は、近未来の情報都市を舞台としています。だれもが日常的に
独自の視覚情報デバイスを用いて、作中世界の「いいね」である、「らぶ」が飛び交う世界。その象徴である「ハート」のモチーフや、カラフルでにぎやかな色使いで、「ユーレイデコ」のポップでデジタルな世界観をサイト全体で表現しています。
また、TOPページをスクロールすることで見出しやモチーフが動く演出を施して楽しい雰囲気を加えています。

トレンドのスマホファーストなサイト設計

今回はターゲット層が20代・30代ということや、作品世界との親和性からスマホでの閲覧を前提とした設計としています。
サイトのスマホ閲覧時は、フッターにメニューを置いて利便性を高めています。また、スマホアプリのように、スワイプによって前後の情報を次々と閲覧できるUXとすることで、コンテンツ内をスムーズに回遊することが可能です。

PC閲覧時でも、近年のトレンドでもあるスマホ閲覧時の画面をPCでもカバーするようなUIとしています。キービジュアルを画面左側に寄せ、右側にコンテンツとメニューボタンを一覧表示にすることで、領域内に作品の世界が表示されます。操作に不便を感じにくくしながらも、スマホ表示時と同様にポップでデジタルな作品世界に没入できる設計にしました。

作品をより深く味わえるBGM機能と更新性に配慮した翻訳機能

『ユーレイデコ』は作中のサウンドも話題のひとつです。サイト上でもBGM機能をご用意することで、同様にお楽しみいただけるようにしています。
BGM機能をONにすると冒険のはじまりを想起させる『トムソーヤ島のテーマ』が流れます。コンテンツを横断してもBGMが途切れることなく楽しめるので作品世界に浸ることが可能です。さらに、隠しBGMもご用意して、サイト内を隅々まで見てみたくなる仕掛けを施しました。メニューのKeywords「トムソーヤ島ガイド」を開き、「カスタマーセンター」や「超再現空間」のページを開くと、そのページだけのBGMに切り替わります。
そして、海外ファンの多いアニメスタジオの作品ということから、ほぼ全ページ英語対応をしています。更新が多いニュースやグッズページは、サイトの管理画面に日本語から英語への自動翻訳機能を導入して更新性にも配慮した設計としました。

『ユーレイデコ』公式サイトは、ポップで明るいデザインとBGM、充実のコンテンツによりファンの皆様が作品世界をより深く味わえるサイトを目指しました。
ぜひTVアニメ『ユーレイデコ』と共にサイトもご覧ください！

©ユーレイ探偵団