MENU
カテゴリー

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

No.021 POGG | スイートポテトパイ専門店
No.021 POGG | スイートポテトパイ専門店 WEBデザインのクロッキー帳 | Webサイト100選
目次

概要

No.021 POGG | スイートポテトパイ専門店は、とても美味しそうな三角型のスイートポテトパイのお店。

ルミネエスト新宿、大宮駅にオープン。 さくっ、ほくほく、とろり。 表情のちがう食感を三角でつなぎ、よくばりな一口に。 ほおばった瞬間、どんな気分も満たしてくれるはじめてのスイートポテト。

https://pogg-sweetpotatopie.com/

考察

ターゲット

  • 10代~30代
  • どちらかと言うと女性向け?
  • スイートポテトが好きな人
  • 新感覚のスイーツを探している人

イメージカラー

メインカラー:「グレー」

アクセントカラー:「パープル」

サイト全体的な印象としてはグレイッシュな印象を強く感じる。

差し色として、メニューバーの背景色として使用されている「鮮やかなパープル」が目を引く。

使用フォント

  • Brown StdRegular
  • Noto Sans JPRegularMediumBold
  • Noto Serif JPRegular
  • Sackers Gothic StdHeavy

サイト構造

  • シングルカラム
  • マルチページ

特徴・気づき・感想

トップビジュアルにスイートポテトパイの製作中の動画が流れているのが目を惹く。

動画を用いることで、商品の美味しそうな印象が一気に伝わってきて、どんなものを売っているのか一発で理解できる。

サイトの作りとしては、背景全体的にパララックス効果が使われているため、文字コンテンツの1つ1つに奥行き感を感じる。また、文字や画像が表示される際のアニメーションが見ていてちょうど気持ちがいいバランスになっている。

メニューバーはPCとSP共通で「ハンバーガーメニュー」形式になっている。

メニューバーの形は流線型の独特な形になっており、メニューボタンを押すと、画面全体に広がるようにアニメーションするのが心地いい。

スイートポテトパイの美味しそうな魅力が最大限詰め込まれたWebデザインだと思った。

Webサイト100選 No.021 – WEBデザインのクロッキー帳 | Webサイト100選

よかったらシェアしてね!
目次