M

中古カードゲーム売買サイト

Type:Website Launch Date:2020 Url: https://www.hikahako.com/

中古カードゲーム売買サイトサムネイル
Trading card game used buying and selling site Trading card game used buying and selling site Trading card game used buying and selling site
制作にかかった期間
4か月
使用ツール
Adobe XD、Brackets(HTML,SCSS,jQuery,JavaScript)
ターゲット
20代~30代男性、カードゲームを遊んでおり、カードの売買を考えている。
目的
サイトを利用して売買してもらう、お店のことを知ってもらう
経験
デザイン制作、素材作成、コーディング(HTML、CSS、jQueryまで)、バナー作成、ロゴ作成、カッティングシール作成
ポイント
売買サイトの為、カードを購入できる画面なのか、買取してもらう画面なのかがわかりやすいように気を付けました。
また、それぞれのページに向かうアイコンも自主制作したため、アイコンが一目でわかるように考えました。
ロゴも、サイト名から前に向かっていく船をイメージして制作いたしました。
問題と解決

問題点

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

解決策

  • 対象カードゲームのカラーをモチーフに、カードゲーム感があるデザインでイメージしやすくしました。
  • 売買サイトそれぞれアイコンはそのままに色を変更することで、どのアイコンでどこに進むのかはどちらも同じように、しかし色でどちらのページにいるのかがわかりやすいようにしました。
  • 後からつけ足せるようにサイトをシンプルにデザインし、追加があった際にすぐに対応できるようにしました。
結果
サイト制作後、実店舗まで展開できるようになりました。
topページのレスポンシブデザイン
topページのレスポンシブデザイン

Works作成したもの

Contactお問い合わせ