見出し画像

#1日1サイトレビュー 060 THE SHOP ONLINE

水野学さんの会社design and companyが手がけるTHE というプロダクトのショップサイト。

【目的】

・商品の販売

【デザインのカテゴリー】

・シンプル、シズル感のある写真

【コピーライト】

スクリーンショット 2022-04-03 1.18.11

【フォント】

・Noto Serif JP(Regular)
https://fonts.google.com/noto/specimen/Noto+Serif+JP
Googleとadobeが共同開発したオープンソースフォント。
NotoSerifから日本語のみを抽出。
丸みを帯びた親やすく優しいデザイン。

スクリーンショット 2022-04-03 1.21.18

・Roboto(Regular)
https://fonts.google.com/specimen/Roboto#about
RobotoはGoogleのデザイナーであるChristian Robertsonによって開発されたフォントで、AndroidやChrome OSのシステムフォントに採用されており、マテリアルデザインのデザインガイドラインでも利用が推奨されている。

スクリーンショット 2022-04-03 1.21.05

【カラー】

無彩色のみの構成。

画像4

【感想・考察】

・「もう余計なものは不要だ」というコンセプト通り、余計な要素が取り除かれたレイアウト。
一面に極力、商品の写真を納めるためにヘッダーはロゴとハンバーガーメニュー、右上にはカートアイコン。
カートのアイコンも無駄を省いた画数の少ないものを使っている。

スクリーンショット 2022-04-03 19.44.25

・商品の構図は中心で統一されていて、統一感がある。
やはり、影をつけたほうがシズル感のある写真を出すことができる。

スクリーンショット 2022-04-03 19.46.54

スクリーンショット 2022-04-03 19.47.12

・同じ背景色が隣り合わないようなデザインになっている。

スクリーンショット 2022-04-03 19.49.43

と思いきや、そんなことはない。
商品ごとに、一番そのものらしさが出る背景色を使っている。

スクリーンショット 2022-04-03 19.50.42

スクリーンショット 2022-04-03 19.50.54

・SNSリンクにnoteがあるの珍しい!

スクリーンショット 2022-04-03 19.53.22

↑普通なら、"THE ONLINE SHOPとは"みたいなAboutページへの文言を用意すると思うけど、
「"最適"と暮らす」っていう唯一日本語のテキストを置くことで、クリックしたくなる。

・ECはShopifyを使ってる。

スクリーンショット 2022-04-03 19.56.36


この記事が気に入ったらサポートをしてみませんか?