OVERЯOID
2021.07.08 まだら牛様
Web Design & Coding
オンラインでも遊べる対戦型カードゲーム。
たった13枚のカード、シンプルなルール、奥深い戦略。
A.D.2045。アンドロイド軍と人類軍の戦争が始まる――
まだら牛様より、カードゲーム『OVERЯOID』の拡張パック『EN:CODЭ』ページの追加に伴い、公式サイトのデザインリニューアルを行いました。
Point
以前のデザインが2カラムの1ページだったのですが、今回の拡張パック『EN:CODЭ』の追加もあり、1カラムのデザインに変更しました。
リニューアルの際に意識したのは、カード一枚一枚をゲームのキャラクター紹介のように説明を表示するようにしたことです。
『OVERЯOID』のカードはそれぞれ役割がはっきりと分かれており、カードが一人のキャラクターとして物語を広げる感じが強いと思いました。
またキービジュアルの存在感が強いので、大きくビジュアルで世界観が伝えられるようにと思い、デザインしました。
このリニューアルの開発を開始する前に、これまでのように一人でできる範囲のみで制作をすることに限界を感じていました。
その思いもあって、マークアップをエンジニアさんにお手伝いしていただきました。
個人でお仕事をいただくようになって初めての共同開発だったのですが、分業の大切さなど、実作業とはまた別の学びがあり良い経験になりました。
Skill
Figma / HTML5 / CSS3 / Sass / jQuery / gulp.js