見出し画像

手火山家(てびやまや) #1日1サイトレビュー

【概要】
・天然だしを扱うサイト
【印象】
・縦書きと横書きがミックスだけどちょうどよく調和されている
【ファーストビュー】
・ファーストビューでは写真と店舗情報が上下に区切られて表示
・スクロールで店舗情報は非表示に、ロゴは小さくなり、幅もフワッと狭くなる
【コンテンツ】
・左右で情報の役割が異なっている
右は見出し、要約。左は詳細。
・マップがシンプルでGoogle マップよりわかりやすい(地形を生かしている)
・商品ごとにECへの誘導があるのが購入しやすい
・原料をクリックで特徴がモーダルで表示される
・商品名と写真をロゴが繋ぐことによって、商品の繋がりを感じる
【カラー】
・モノトーンベースでグレーよりの茶色(#524d4b)が使われている
【フォント】
・FOT-筑紫Aオールド明朝
【レスポンシブ】
・ヘッダーのインスタの位置が左側に移動

画像1


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