サイトレビュー①

こんにちは!Akiです。
デザインを言語化する力をつけるために、サイトレビューをはじめました!
実際にあるかは分からないですが、お客様とデザインについてすり合わせする時や、「そのデザインにすることによってどういった印象を与えることができるのか?」質問があった際に、説明できるようにするためには言語化するということはとても重要だなと思いました。

【誇酒 プロジェクト】引用元URL:https://kosyu-pj.jp/

画像1

【使用カラー】
body▶︎#fff 
accent▶︎#f6f7fb(少し青が混じっている白?)控えめな色で個人的に好きな色です。
font▶︎#333333
【使用フォント】
・遊ゴシック
→読みやすい。文字が小さくても認識しやすい。
明朝体もサイトのイメージにあっているかなと思いました。

因みに明朝体にするとこんな感じになりました↓

画像2

ゴシック体と比べると少ししっかりとした印象になるような気がします。

【全体の印象】
・シンプルなデザインでお酒が目立つようなデザインになっていると思います。
画像を通して商品の良さを伝えたい場合は、シンプルにするのもいいのかなと思いました。
・TOPページに理念などの掲載がなく、商品一覧のセクションがすぐにくるので、この会社を知って欲しい!よりかは、商品を購入することをメインにしているのかなと思いました。
最初からお酒を買うという目的を持ったお客様向けなのかな?

【ヘッダー】
・グローバルメニューはホバーするとアニメーションが働くようになっています。SNSアイコンも付近に配置されているので目にとまりやすいとも思いました。
・お酒が透明で綺麗。その透明さを引き立てるデザインになっていると思います。配色や余計や情報がなく、商品に視線を集めることができていると思います。

【お知らせとお便り】
・ヘッダーが縦書きになっているので、以降のコンテンツも右から始まるのかなと思いましたが、見出しは左に配置されています。

【商品紹介】
・商品画像にマウスを合わせると、別の画像が切り替わります。
それと同時に購入するもアニメーションが働くので、購入する流れに映りやすい。視線の誘導の仕方はとても勉強になりました。
・商品の外観が似ているので、特徴がパッと見た時に気付きにくいかなと思いました。
(文章を読んだら特徴は分かるのですが、アニメーションに目線が集中するので、商品の特徴がすぐに入ってこない。)
画像の部分に商品名や特徴を入れるといいのかなと思ったのですが、文字をいれると商品の良さが伝わりづらいのかなとも思ったり‥

個人的にはサイトのデザインはとても好きです!シンプルで見やすい!
商品の良さを引き立てるデザインだと思いました!とても勉強になります。

サイトレビューについては以上です。
言語化するの難しいですが、できるとお客様に説得力のある説明ができると思ったので継続していきたいと思います。
あとは、

おしまい