見出し画像

豆乳アイス、はじめました。 #1日1サイトレビュー

【概要】
・マルサン豆乳の特集ページ
【印象】
・夏らしいカラーが特徴的
・カフェのようなおしゃれさがある
・明るくポップで若い人を意識して作っているのがわかる
・マルサンのパッケージのイメージは全くなし
【メインビジュアル】
・3分割されていて、それぞれの窓でアレンジレシピがスライド
・スライドは真ん中が動いた後に両側が動く
・SOY MILK ICEの文字はtopギリギリに配置
・読ませる文字というよりはアクセントの文字
・テーブルの斜めがそろっていて気持ちいい
【コンテンツ】
・コンテンツは3つのみとかなりシンプル
・緑・黄色系とピンク・オレンジ系、水色・紫系と2つの同系色をまとまりとしている
・吹き出しを使うことで付け加えているアレンジ感が出ている
・ルールや作り方は文字数少なめでわかりやすい
・数字に色がついているので目がいく(3stepで簡単そうに見える)
・商品の背景に大豆の形のシェイプを配置して商品を強調
・ランキングの部分の水色は凍らせるイメージの水色
・1辺がバラバラの多角形が氷を連想させる
・前のセクションの色を使ったSOY MILKの文字があることで寂しさを感じない(単調な感じを解消)
・フッターのシェアボタンは大きく余白をとることでうまくSNSへ誘導している
・スクロール位置に追従して、メニューに大豆が落ちてくる
【カラー】
・パステル調でとても爽やか
・色の重なり、横との繋がりがとても綺麗
【フォント】
・フォントはA1ゴシックと游ゴシック
【レスポンシブ】
・SPの場合は分割の間に文字が配置されている
・メニューが3つなのでハンバーガーメニューなどに集約しない

画像1


デザインの勉強をするために活用させていただきます。