カードゲーム用サポートページ

デュエパ用簡易サイト(仮)

たまに遊んでいるカードゲームがあるのですが、使用できるカードのプールが広く、公式サイトから提供されている検索機能を用いても昔のカードがヒットしないことがあります。
なので、特定の類似した能力を持つカードのみをまとめ、すぐ調べられたら便利だと思い制作しました。

当初は新しく始めた初心者に向けたコンテンツもいくつか作ろうと考えましたが、既に網羅的なWebサイトが存在していたこと、
そしてそのサイトの動作がかなり重たかったことから、機能とまとめる対象のカードを絞り、パっとスマホを取り出して調べられるよう意識してデザインしました。

ターゲットは既にそのカードゲームを遊んでいるユーザーです。
「このカード、他のカードで代用できないか？」と思ったユーザーにポケット辞書感覚で使ってほしいと考え制作しました。

なるべく装飾は使わずシンプルにしました。
カードをまとめたページは能力毎に分けず、1ページですべて調べられるようタブを使用しています。
また、ヘッダーを横に固定させて上下の圧迫感を減らし、一回のスクロールでより多くのカードを閲覧できるようにしました。

モバイルサイズの場合は表が2列で表示されるようにしました。
LightBoxを使用し画像は拡大できるようにしてあります。