見出し画像

MINISTOP グルクル飲むカフェモカゼリー #1日1サイトレビュー

◆サイト名
 MINI STOP グルクル飲むカフェモカゼリー

◆サイト概要
 ・商品紹介
 ・ミニストップのその他商品ページへの誘導

◆構成

・TOP

スクリーンショット 2022-01-13 17.22.22

全て画像
imgタグのalt属性に{ 商品名・価格・販売開始日 }を記入して、検索に対して有効にしている。

・Wrap

画像2

ほぼ画像
タイトルや文字の画像に対してh○タグもしくはpタグに
imgタグを入れて指定している。
真ん中は文字と写真が一緒になっている画像はliで並べている。
リンクにしたい画像はaタグにimgタグを入れて指定している。
imgタグのalt属性には画像の文章をそのまま入れている。

◆カラー
茶色(ブラウン)#d8a472
木目(ベージュ) #ebd9cb
文字の色(ダークブラウン) #501c10
サイト上部に戻る(青) #023893
店舗検索(赤) #9c090a
その他(黄色) #fdd515

◆イメージ
・全体的に中心に揃えてあり、配色もまとまっているが、
所々サイドにコーヒー豆やチョコレートの破片が散らばっていたので寂しさがなくてポップな雰囲気がある。

・背景の木目やカクカクした切り抜き方が
カントリーな雰囲気を出していて、リッチなチョコレートやコーヒーというより、手が出しやすそうな雰囲気を感じる。

・「ベルギーチョコ」というワードや、
アピールしたい文をシーリングスタンプ風にすることで
リッチさも出している。

・ベージュにブラウンの組み合わせも合うが、
ブラウンの文字に白い縁取りをすることでより強調させることができている。

・注意書きや値段の赤も、ブラウンと雰囲気が合っている。


◆まとめ
LPの作り方がわかって良かった。
画像で作られていて構造もわかりやすかった。

この記事が気に入ったらサポートをしてみませんか?