中古カードゲーム売買サイト(実案件)

制作時期

2021年

制作にかかった期間

4か月

使用ツール

Adobe XD、Brackets(HTML,SCSS,jQuery,JavaScript)

ターゲット


20代~30代男性、普段からカードゲームを遊んでおり、カードの売買を考えている。

目的

サイトを利用して売買してもらう、お店のことを知ってもらう

経験

デザイン制作、素材作成、コーディング(HTML、CSS、jQueryまで)、バナー作成、ロゴ作成、カッティングシール作成

意図・ポイント

売買サイトの為、カードを購入できる画面なのか、買取してもらう画面なのかがわかりやすいように気を付けました。
また、それぞれのページに向かうアイコンも自主制作したため、アイコンが一目でわかるように考えました。
ロゴも、サイト名から前に向かっていく船をイメージして制作いたしました。

問題と解決

問題点
・1からの作成のため、イメージがほとんどない状態からスタート
・売買サイトの為、どちらの画面化がわかりやすいようにしたい
・後からつけ足していくため、最初は最小限の機能を入れてほしい

解決策
・対象カードゲームのカラーをモチーフに、カードゲーム感があるデザインでイメージしやすくしました。
・売買サイトそれぞれアイコンはそのままに色を変更することで、どのアイコンでどこに進むのかはどちらも同じように、しかし色でどちらのページにいるのかがわかりやすいようにしました。
・後からつけ足せるようにサイトをシンプルにデザインし、追加があった際にすぐに対応できるようにしました。

結果

サイト制作後、実店舗まで展開できるようになりました。

URL

https://www.hikahako.com/

PC用TOP画像
スマホ用TOP画像