グッドスマイル様とは二度目のお仕事でございます。
今回は、自社ECサイトのリニューアルのお手伝いをさせていただきました。
サイトの見える部分もそうですが、裏側の部分においてもより使いやすさを求めた結果、契約変更も兼ねてサイトの見える部分も今回大きく変更してしまおうと思った事が、今回のリニューアルに至った経緯だとお伺いしました。
それでは、サイト構成を見ていきたいと思います。
![](https://humantech-co.com/wp-content/uploads/2020/07/2022-11-08_15h31_35-1024x500.png)
大手ECプラットフォームとは違い、自社HP感も出しつつ賑やかな演出というよりかは、落ち着いた感じのヘッダー部分を構成してみました。ロゴの直下にはそれぞれのカテゴリーへのリンクを設置する事で、ほぼ全ての商品へはここからたどり着ける仕様となっております。
![](https://humantech-co.com/wp-content/uploads/2020/07/2022-11-08_16h15_52-1024x608.png)
![](https://humantech-co.com/wp-content/uploads/2020/07/2022-11-08_16h17_18-759x1024.png)
続いては、左画像はカテゴリバナーとなっており、視覚で直感的にページへ案内する構成となっており、画像でイメージを伝えクリックをして頂ける作りをイメージしました。
右画像からは特集ページをそれぞれ設け、商品へ直接リンクされた仕様となっており、グッドスマイル様がよりオススメしたいと思われている商品へと進めるページ構成となっております。
![](https://humantech-co.com/wp-content/uploads/2020/07/2022-11-08_16h18_03-1024x445.png)
![](https://humantech-co.com/wp-content/uploads/2020/07/2022-11-08_16h18_17-1024x429.png)
続きまして、左画像は店舗の紹介欄をまじえたパーツ案内を丁度TOPページの中央辺りに構成しており、グッドスマイル様のパーツ販売の原点的な商品の案内がここで紹介されている形となります。
右画像においては、ポータブルナビに関連するパーツはその中でもカテゴリ分類が多いため、中カテゴリーがここで一覧できる形で構成させていただきました。
![](https://humantech-co.com/wp-content/uploads/2020/07/2022-11-08_16h18_32-1024x535.png)
![](https://humantech-co.com/wp-content/uploads/2020/07/2022-11-08_16h19_46-1024x370.png)
さらに下層まで下がってきますと左画像では、LED関連の商品の紹介となっており、カテゴリ別で画像を添えて案内させて頂いている構成となっております。また、最下層では、会社が取り組まれているSDGsの内容を謳わせて頂いており、その取扱い商品へダイレクトにアクセスできる仕様で作らせていただきました。
まとめ
今回の依頼では、見やすさの部分と、ひと気の部分、そして綺麗にまとまっているページをご要望されていたため、そのご要望に少しでも近づけるよう作らせて頂きました。
また、大手ECプラットフォームでよくある賑やかな感じではない部分を求めていらっしゃいましたので、少し大人っぽい色が濃く出てしまったのではと思いつつも、今後の販路拡大にこのページが少しでも寄与できればと思います。
店舗紹介 |
店舗名 GoodSmile onlineshop |
サイトURL https://r-goodsmile.com/ |
主な取扱商品:カー用品、カーアクセサリー、LED関連等 |
関連SNSサイト 公式ラインアカウント https://lin.ee/6r7mEKB |