住マイル 楽天店
URL:https://www.rakuten.co.jp/smile-hg/
●概要
(約)10,000点以上の日用品全般を取り扱う「住マイル楽天店」のサイト。主な利用者層は30~40代の女性(主婦層)。リニューアル前はテーブルレイアウトでバナーを積んだだけのレイアウトであったが、jQueryで動的なスライドショーも初導入した。
●案件概要 カテゴリー
WEBサイト
●関わり方 職種
Webデザイナー
●担当内容
Web制作
●使用ツール
Photoshop、Illustrator、Dreamweaver
●経験
HTML / CSS / jQuery
●意図・ポイント
「住マイルに行けば何か面白いものがありそう」と思ってもらえるように。
主な利用者層は30~40代の女性(主婦層)であるため、季節感や読み物としての要素を大切にしたいと思い手がけた。
ただ「安い」というだけでなく、「快適さ」「便利さ」を伝えられるようなサイト構成・デザインに努めた。
●問題と解決策
リニューアル前は、各カテゴリ先の中身は紐づけされた商品の羅列(楽天のカテゴリ表示)のみであったが、より主婦が見て購買意識が湧くよう季節感を持たせ、「読み物」としての要素を上部に追加した。
また、リニューアル後はjQueryやをフローティングバナーを使用し、サイトに賑わい感・動的な印象を与えた。
結果
商品ページ単独だけでなく、各カテゴリやセール時の特設ページへの回遊率が上がった。
これまでは価格の安さに関する感想が多かったが、
「良いショップには良い物が揃ってるんだなぁ…なんて思いました。」
「時々雑貨品でお世話になっています。
商品幅も広く、ポイントアップなどもあってあれこれ欲しくなります。」
などのレビューもいただけるようになった。
TOPページは、ポイントアップ情報や季節ページや特集の切り替えをバランスよく配置し賑わい感を出した。スライドショーの設置も行った。 | パート主婦の声を参考にリンク先を設定した。 |
---|---|
ただ商品を紹介するのではなく、衣替え&模様替えの手順に沿いながらそのパートで便利に使える商品を紹介した。 | メルマガやセールページにはスマホでも視認できるサイズ感のバナーを積極的に設置した。 |