■ 概要 Overview
店主が愛する日本酒と食材でもてなす居酒屋「ふるさと」のこだわりの酒と肴の紹介や生産者などの記事、店舗情報やお知らせなどを掲載し、お問い合わせや予約も受け付ける公式Webサイト
■ ファーストビュー Above the fold
ローディングで店名が店名が中央に配置
店名
ロゴ
縦書きのグローバルナビゲーション
キービジュアル
のれん型の背景
■ ターゲット Target
近隣で在住・在勤するユーザー
東京都内などの日本酒が好きなユーザー
■ フォント Font
見出ゴMB1 16px,18px,20px,28px
sans-serif 14px,15px,16px,18px,20px,24px,28px,64px
中ゴシックBBB JIS2004 15px
■ カラー Color
<B>#F4F2EE
<M>#001722
<A>#D0BA78
■ デザインの特徴 Design features
のれんとお品書きをモチーフにした背景とグローバルメニューでスクロールをすると店内のカウンター部分が現れる。
パララックスで、背景に配置されたキービジュアルの店内のカウンターは固定されたままで、スクロールすると店のこだわりやお品書きなどがシズル感のある写真と共に紹介されている。
字組が特徴的だが、余白や配置、反復をうまく利用し、印象的かつ読みやすさにつながっている。
配色は白・黒を中心にも食材写真や酒瓶が映えるように構成されている。
ワンカラムで主張の強いデザインになっているが、レスポンしプにも対応され、全体的に店内の雰囲気も伝わってくる。
https://sakeate-furusato.com/