■概要
なめらかプリンを最初に開発した洋菓子店Pastelのサイト
■ターゲット
・20代女性
・スイーツ好き
■FV
彩度の高い背景色を大胆に使い、明るい印象のデザインが特徴的。
スライドは４分割になり次の写真に変わっていく。写真もサクサクと変わるのためポップな印象。
左下にはイメージキャラクター紹介のリンクが配置されていて、カーソルを持ってくるとプリンの柔らかさをイメージしたようにプルプル動き、プリンの柔らかさを視覚的に楽しむことが出来る。
ハンバーガーメニューをクリックすると、ナビゲーションが全画面で表示され、こちらも明るい水色を背景色としていて印象的。
せろりのセオリー/ Webサイト100選 No.25 Pastel
■特徴
見出しのジャンプ率が高く、背景色もコンテンツの切り替わり毎に変えてあり分かりやすい。文字数も多すぎず、余白が広めに取られておりゆったりとした印象。
お知らせ部分は唯一黒文字を使っていて、他と違うフォントと文字色使うことで引き締まる。
せろりのセオリー/ Webサイト100選 No.25 Pastel
・about
プリンの画像の背景色を、プリンと同系色の黄色を使う大胆さ。背景と馴染んでしまい見えづらくなるはずだが、写真の右上に動く猫画像を置き、水色のシェイプを重ねることで、視界に入りやすく注目度が上がるようになっている。
せろりのセオリー/ Webサイト100選 No.25 Pastel
shop listと戻るボタンもプリンのプルプル感を視覚的に楽しめるようなアニメーションが付けてある。
せろりのセオリー/ Webサイト100選 No.25 Pastel
■フォント
・欧文：Monsteratte
・テキスト：Helvetica
・お知らせ：游ゴシック体
■配色
・ベースカラー：#E2F2FC, #fff
・見出し, テキスト：#009EDA, #3C9CD4, #6D6D6D, #000
せろりのセオリー/ Webサイト100選 No.25 Pastel
せろりのセオリー/ Webサイト100選 No.25 Pastel