ZOZOTOWNトレースしてみました。

お仕事で、検索機能が充実しているサイトを調べていたので、ECサイトのZOZOTOWNをトレースしてみました。
XD、Web版、幅1366pxで作成してます。

完成品はこちら 💁‍♀️

（めちゃ長いです。これでもだいぶ端折ってるんですが。）

夏のセールの時のトレースなので、今はUIが少し変わってるのはご了承ください。。

Color and Text

ECサイトで写真が多いので、配色自体はすごくシンプルでした。セールの帯は目立つ赤やピンクを使ってました。（ピンクの部分は、日によってなのか、ランダムなのかわかりませんが、水色系の色に変わっていることがありました。）あとは、ランキングのバッジにちゃんと金、銀、銅に近い色を使っていたのが印象的でした。

Components

こちらもめちゃくちゃシンプルですね。商品の写真がメインなので、商品の見せ方のパターンがいくつもあるのが特徴的でした。大きい写真は3列表示、小さい写真は4列表示で作られています。（微妙な写真の大きさの違いがあるのが少し気になりました。コーディネートの写真が縦長なのは納得ですが。）

感想

検索の種類が多いサイトをトレースしようと思って選んでみました。当たり前ですけど、導線がしっかりしていて、どこから行ってもちゃんと２、３クリックで、商品詳細までたどり着くのが、流石だなという感じでした。

（導線を図にしてみました）