勝手にサイト分析005 ハッコウアンドサンド

URL

HAKKO ANKO SAND - 発酵あんこサンド -

第一印象

ロゴやパッケージのモチーフを取り入れ、ポップで可愛いサイトになっている。

ターゲット

下記のようなコピーがあるので、健康に気を使い始めた30代女性だと予想。
「さあ、カラダに遠慮せず、じぶんにやさしく、甘やかそう。」
「さまざまな体調トラブルの原因となる“グルテン”を含む小麦粉を使わずに、」

使用フォント

メイン…stolzl

日本語…あおとゴシック

配色

背景・CTA：#33A1DB
テキスト：#c4a25c

デザインポイント

一般的に、食品に青色は合わないようなイメージを受けるが、コントラストを活かすことで、逆に食品自体が際立っている。
スクロール時の柔らかい丸が開くようなアニメーション、メニューを開いた時のずれるアニメーション。ユーザーが内容を認知する直前にさりげないアニメーションを入れることで、うまく目線が誘導される。
背景の空間が広い時、左右に色を入れることで全体のデザインが締まる。