No.003「B-R サーティワンアイスクリーム」のからくり

No.003B-R サーティワンアイスクリーム- ワンピースの楽譜 | Webサイト100選

サイト概要
サーティワンアイスクリームの公式ウェブサイトです。
サーティワンの商品情報やフレーバー情報、キャンペーン情報をお届けしています。自分の家や現在地近くの店舗も検索できます。

No.003 B-R サーティワンアイスクリーム- ワンピースの楽譜 | Webサイト100選

ここが魅力！
・「今月のおすすめフレーバー」がトップぺージを見ただけで分かる！

・「トピックス」からお得な情報をまとめて得られる！

No.003 B-R サーティワンアイスクリーム- トピックス-ワンピースの楽譜 | Webサイト100選

構成
・FV

No.003 B-R サーティワンアイスクリーム-FV-わんぴーすとわたし | Webサイト100選

→キャンペーン情報が分かりやすい。また、下に小さくパネル全体数が表示されている。

・header、nav

No.003 B-R サーティワンアイスクリーム-header-ワンピースの楽譜 | Webサイト100選

→グローバルナビゲーション仕様。マウスを乗せるとそのカテゴリー名の背景色が変わり（「会社情報」のみ色が他と異なる）、メガドロップダウンメニューが表示される。メインカテゴリ名の文字サイズは12pxで小さめな印象。

・footer

No.003 B-R サーティワンアイスクリーム-footer-ワンピースの楽譜 | Webサイト100選

→高さがある。全体の背景カラーは薄いグレーだが、SNSやアプリ、「スタッフ募集」、「電子ギフト」、「ご意見・問い合わせ」、「よくあるご質問」、外国語のメニューリンクの背景カラーは白である。

使用パーツ・アイコン

バナー

分析・考察
■ターゲット：全世代の女性
[理由]・商品とコラボしているキャラクターや商品デザインに可愛いものが多いから。

■特徴：
・お店のロゴに使われているピンクがベースカラーになっている。
・キャンペーンの大きい画像がトップページの上に複数枚カルーセルパネル（※1）で挿入されており、分かりやすい。

・「フレーバー」の詳細ページを開くと背景デザインが変わる。

No.003 B-R サーティワンアイスクリーム- フレーバー-ワンピースの楽譜 | Webサイト100選

・「PAGE TOP」（ページトップに戻るボタン）がアイスのマークになっている。

No.003 B-R サーティワンアイスクリーム-PAGE TOPボタン- ワンピースの楽譜 | Webサイト100選

・トップページの見出し（「今月のおすすめフレーバー」、「トピックス」）の文字サイズは30px。
・フォントの種類は、日本語表記は一字一字の識別性に優れた「游ゴシック」で、英語表記は細身の書体が美しい「Josefin Sans」。

Webサイト100選No.003-ワンピースの楽譜 | Webサイト100選