WEBサイトのデザイン観察 vol.6

今回も、以下のサイトのアドバイスしたがって、WEBサイトのデザインのポイントを書き出してみます。
https://www.webcreatorbox.com/tech/improve-design-skills

観察するサイト

今回はこちらのサイトについて考察します！

POGG | スイートポテトパイ専門店

デザイン観察

《好きなところ》
・スイートポテトがとてもおいしそう
・スイートポテトっぽい配色がとてもかわいい
・「POGG」の書体が個性的でかわいい
・アニメーションがかわいい

《なんのサイトか》
・スイートポテト”パイ”専門店の「POGG（ポグ）」のブランディングサイト
考察：
・サイト全体がスイートポテトパイをイメージした作りになっている。
・ファーストビューにおいしそうなスイートポテトパイの断面の映像を使うことで、観ている人の食欲をそそっている！おいしそう。

《ターゲットのユーザー層を予想》
・仕事が忙しくて少しつかれた日の夜に、ちょっと贅沢をして癒されたい20代後半の女性
考察：
・高級感がありつつ、親しみやすさも感じさせるサイトになっており、手が届く贅沢といった雰囲気がある。
・ターゲットにおいしそうと思ってもらい、購買意欲を高める。

《配色》
・白、赤紫、薄いベージュ、黄色（スイートポテトパイの写真）
考察：
・さつまいもの色合いが使われている。おいしそう。
・メニューが赤紫色で、形もとろりとしたスイートポテトの中身をイメージしており、かわいい。とろっとしたアニメーションもかわいい。親しみやすい印象。
・「POTATO＆DIG」に金色、背景にベージュを使うことで、高級感を出している。

《書体》
・単語はゴシック体、サンセリフ体
・説明文は明朝体（オールド明朝？）
考察：
・商品を説明する文章は、丸みのある明朝体を使うことで、丁寧で優しい印象を与えている。

《レイアウト》
・ブロークングリッドレイアウト
・商品を作っている過程を動画にして、自由なレイアウトで散りばめてある
考察：
・三角型のパイ、という新しいスイートポテトのイメージに沿った、わくわくするようなデザイン。
・作る過程の動画をみせることで、おいしさにこだわって作っていることが伝わる。

サイトの説明をしてみる

ちょっと贅沢をして満たされたい20代後半の女性をターゲットにした、スイートポテトパイ専門店「POGG」のブランディングサイト。ブロークングリッドレイアウトで構成されており、三角型のパイ、という新しいスイートポテトのイメージに沿った、わくわくするデザイン。赤紫、黄色などさつまいもをイメージさせる色や、薄いベージュや金色の高級感がある色を使用し、親しみやすくも高級感がある雰囲気になっている。

参考

ブランディングサイトについて、正しく理解できていますか？〜構築の目的、手順、事例まで〜
https://innova-jp.com/branding-site/
【初心者向け】正しく理解するブランディングサイトの意味と役割
https://smamitsu.com/note/05275820191528/
ブーム到来か。ノングリッドデザインの魅力と参考になるWebサイトhttps://webdesign-trends.net/entry/6378
ちょっとクセのある明朝体がトレンド、2018年のフォント事情
https://careerhack.en-japan.com/report/detail/945
ロイヤリティ（ロイヤルティ：Loyalty）とは？ 意味、定義、高い社員の特徴、向上させる方法について
kaonavi.jp/dictionary/loyalty/