楽天市場店舗のカテゴリ別ランキングページを作成しました。
URL
https://www.rakuten.ne.jp/gold/moustache/html/ranking_sp.html
担当
デザイン／コーディング
サイトの目的
商品の認知・店舗内回遊
制作期間
デザイン・コーディング：5時間
デザインについて
トップイメージには店舗内の人気商品のモデル写真を配置し実際の使用感をイメージできるようにしました。
各カテゴリごとに人気商品を一覧できるので、自分の欲しい形・サイズで人気商品を見つけられます。
コーディングについて
ランキングは週1回更新のため、各カテゴリのランキング表示部分を別ファイルで作成しiframeで表示させることで、各カテゴリのHTMLファイルを更新するだけで店舗内のすべてのランキング表示が更新されるようになっています。
リサイズ
サイドバー用正方形バナー
