![見出し画像](https://assets.st-note.com/production/uploads/images/58311667/rectangle_large_type_2_b301b33e0b191acb811b412878eb2214.jpg?width=800)
#1日1サイトレビュー【054】BJ 素材を味わうアイスクリーム・ブレンダーさん
今日観察したのはオリジナルアイスを作る業務用機器のLPサイトです!
お値段はまあ個人がパッと買うには覚悟がいるレベルですが、見ためも素敵だし欲しくなりますね…🥰
【概要】
オリジナルアイスを作る業務用厨房機器のwebサイト
【ターゲット】
飲食店、観光施設、農家さんなど、オリジナルアイスを販売する新しい取り組みをしたい方
【目的】
商品の認知度アップ→商品購入台数アップ。
【印象】
穏やか、やわらかい、シンプル、ナチュラル
【メインビジュアル】
・ヒーローヘッダー。時間経過により画像が移り変わる。画像の変わる速度は比較的早め。
・画像やGOOD DESIGNのタグが映えるようにヘッダーはシンプルに。色も黒色で主張が少ない。
・メイン画像下側にスクロールアイコンがついているので、下にコンテンツが続いていることが分かる。
【コンテンツ】
・スクショには映っていませんが、ヘッダーが追従してきます。
・画像は、明るく清潔感のあるかんじのトーンで統一?
・「Simple」「Blend」「Recipe」のセクションはレイアウトが大体同じ。画像、テキストはセクションごとに交互になるよう配置されている。
・セクションの説明部分は、イラスト+テキストで視覚的にも内容を伝えている。1、2、3と番号をつけて箇条書きになっているので要点が分かりやすい。
・「BJでアイスをつくる」セクションは、時間経過もしくは右側の数字が書かれた小さい画像をクリックすることで次の画像へと変わる。
・「Design」BJが置いてあるキッチン部分全体の写真を使うことで、実際に店内に置いた時の様子を想像させている。
・BJ本体の画像は透過画像になっている。あまり気にしたことがなかったけど、思えば他のサイトでも商品概要の写真は背景が透明になっているものが多い。商品を選ぶときに余分な情報を減らすためと思われる。
・オープンキャンペーン特価の文字と値段を赤字にして目立たせている。オープンキャンペーンと言われたら「今買うとお得」と思わせることができるので、ユーザーの動機付けとなり得る…らしい。
・購入ボタン、お問い合わせボタンはサイズがかなり大きい。おそらくこのLPのコンバージョンに直接つながるボタンなのであえて目立たせている。
背景色は赤、黒でイメージを崩さない程度に目立つ色が選択されている。
ボタンのサイズはwidth: 100%;、height: 15vw !important;
・セクション部分にマウスホバーすると背景色が白からグレーに変わり、ボタンが現われる。ボタン部分は背景色を白色に指定していた。
【カラー】
BJのカバーの赤色と同じような色がアクセントカラーとして使われている。やや明度が高い赤色なのでどぎつくなくナチュラルな雰囲気。
ベースカラー:白、グレー
アクセントカラー:赤
文字:黒
【フォント】
"Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
この記事が気に入ったらサポートをしてみませんか?