No.036 Zoffオンラインストア

No.036 Zoffオンラインストア

ゾフトップページキャプチャ

Zoff

メガネブランドZoffのオンラインストア

ファーストビューの印象

ホワイトとスカイブルーで爽やかな印象。

左に配置されたタブから、イメージを選択して欲しい商品にアクセスできる仕組みになっている。

レイアウト

マルチカラム

レスポンシブ対応

あり

フォント

見出し:Helvetica neue
本文:Helvetica neue

メニュー

ナビゲーションバー

カラー

ベースカラー:#FFFFFFホワイト
メインカラー:#D9E4EA淡いブルーグレー
アクセントカラー:#069EE6ブルー

感想、参考になった部分

「なりたい私を作るメガネ」のキャッチコピーが掲げられている。それを表現するかのように、左に配置されたタブから、カタチ、価格、カラー等、イメージを選択して欲しい商品にアクセスできる仕組みになっている。

スクロールを進めることで様々なテーマのCTAボタンが出現するため、購入するメガネのイメージも固まっていない人に対しては、そこからインスピレーションで選ぶこともできる。

また、ランキングがあったり、顔の形などから自分にあったメガネを探すことも可能。非常に受けが広いサイトだと感じた。

No.036Zoff|Webサイト100選

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です