オセロニアンダブルス 2020 | 逆転オセロニア

https://community.othellonia.com/doubles/2020/

「オセロニアンダブルス」はロゴの制作から依頼され、Web制作に入ったので、頭から一貫して携わる事ができたサイトです。これは作り手からすると世界観を統一しやすく、かつ表現もチャレンジしやすい流れでした。

ロゴは「公式オセロニアン」の重厚感や「宴」の柔らかさとはまた違うテイストを求められたので、今までのオセロニアンには無い新しい方向性で考えました。
Webサイトは、楽しさを伝えつつも対戦らしさが必要な為、黒の太いラインで締まりを作り、スパイス的に、古代文字っぽいオセロニアフォントを使うなどしています。

2対2 (ダブルス) が表現の軸なので、キービジュアルではカミナリでキャラを割り、閃光と、火花の星を散りばめるようにし、下半身に安定感のあるロゴがそこに入る事で真剣勝負の重みを出しています。これをアニメーションさせる事によってより対戦の緊張感を高める効果があります。

ミニキャラはそれ自体が主張が強いので、埋もれず調和できるパーツが必要になります。その中でもボタンは一番ヒエラルキーが高いパーツなので、押したくなる質感、美味しそうな色 (米産のキャンディーのような) を使い目に引っかかるようにしてバランスを取るようにしました。

レイアウトに関しては、オセロニアンのサイトはユーザーの9割強がスマホで閲覧している為、レスポンシブは使用しないのですが、PCで見るとスマホのデザインがそのまま大きく表示されるだけなので見栄えが悪く、どうにかならないかいつも悩んでいました。そんな時にディレクターからアイデアを頂き、PCで見てもデザインを美しさを損なわないレイアウトに変更しました。現在では他のサイトもほぼこのレイアウトを使って制作するようにしています。