森永ラムネ　＃サイトレビュー

森永ラムネ

https://www.morinaga.co.jp/ramune/


【概要】
ラムネの公式サイト

【目的】
商品紹介
販売促進

【印象】
・鮮やかな色で爽やかなイメージ
・イラストや自体がポップながらもごちゃごちゃしすぎてない

【構成】
ラインナップ
ラムネを食べるシーンの紹介
キャンペーン一覧
オンラインストア

【フォント】
本文: ヒラギノ角ゴ Pro 13px
コンテンツ中のデザイン文字： 不明 (瞑想体?)

【配色】
白、エメラルドグリーン(34aaac)、赤

【ロゴ】
・カクカクとしたデザインの文字
・赤地に白

【メインビジュアル】
・大きめ。情報量はシンプルにラムネのみ。
・イラストに写真を重ねている
・ラムネは転がっているような感じで動きのある角度で配置
・スクロールすると、ラムネと水玉が背景とずれた動きをする効果。さらにシャドウを使い、立体感がある

【コンテンツ】
・緑を基調として文字色は白か黒
・図や文字に枠線をつけてくっきり
・濃淡の違う緑の帯をクロスさせた背景
・キャンペーンは枠横長で、画像と文章が2カラム
・メインカラー以外は薄いピンクと薄い黄色

【レスポンシブ】
・ハンバーガーメニューは上からスライド・透け
・商品情報とシーン紹介は縦並び
・キャンペーンは枠正方形にし、文字は上