WEBサイトのデザイン観察 vol.7
今回も、以下のサイトのアドバイスしたがって、WEBサイトのデザインのポイントを書き出してみます。
https://www.webcreatorbox.com/tech/improve-design-skills
観察するサイト
今回はこちらのサイトについて考察します！
デザイン観察
《気になったところ》
・宝石の写真がきれいで、買いたくなる
・余白多めで、高級感がある
・サイトの色合いが優しくて穏やかで美しい
《なんのサイトか》
・NOJESS アクセサリーの商品紹介サイト、ECサイト
考察：
・洗練された上品な雰囲気を大切にしつつ、商品や店舗を紹介している。
・アクセサリーを身に着けている画像をクリックすると、インスタの投稿に遷移している。
《ターゲットのユーザー層を予想》
・経済的に独立しており、アクセサリーに1万円以上のお金をかける余裕があり、アクセサリーに興味があり、自由で洗練された高級な雰囲気を好む20代後半から30代前半の女性
《配色》
・白、金、ベージュ、赤
考察：
・金、ベージュで上品な印象。
・赤は、代官山にあるショップと揃えており、自由で洗練された印象を与えている。
《書体》
・日本語は明朝体
・タイトルの英文字はフォーマルスクリプト、説明文はモダンフェイス
考察：
・フォーマルスクリプトを使うことで、高級で洗練された印象を与えている。
・モダンフェイスを使うことで、女性らしい上品でエレガントな印象を与えている。
《レイアウト》
・ヒーローヘッダー
・ヘッダー固定
・タイル型レイアウト
考察：
・タイル型レイアウトにすることで、一画面で多くの商品の画像を見せている。
・画像のサイズに強弱をつけることで、インパクトがある印象になっている。
・サイトTOPでアクセサリーの画像またはアクセサリーを身に着けた女性の画像を大きく映し出すことで、アクセサリーの魅力を強く印象付ける。
サイトの説明をしてみる
自由で洗練された雰囲気を好む20代後半から30代前半の、経済的に自立している女性をターゲットにした、NOJESS アクセサリーのECサイト。タイル型レイアウトを使用することで、多くの商品の画像を魅力的に並べている。書体にはフォーマルスクリプトを、配色には金・ベージュを使うことで、高級で洗練された印象を与えている。
参考
シーンに合わせて使い分けたい、欧文フォントの種類について
https://asobo-design.com/nex/blog-129-4-26197.html#_Script_Type_Styles
最低限知っておきたいフォントの基礎知識(欧文版)
https://raksul.com/magazine/column/101220-font/
欧文タイポグラフィについて学んでみる【書体の種類と移り変わり】
https://designsupply-web.com/media/suplog/5541/ターゲティングとは｜戦略的なターゲット設定の方法と成功事例
https://www.missiondrivenbrand.jp/entry/kaitai_targeting
この記事が気に入ったらサポートをしてみませんか？