TOPページ デザイン案(段階1)
居酒屋なごみのTOPページの、最初の画面の3案です。スマホで見たときの大きさで並べています。
気に入った案を1つ選んでください。「Aの色で、Cの短冊」のような組み合わせもできます。
案A 漆と蒔絵
会津塗の黒と、蒔絵の金。縦書きの店名と、開いたときに金の線が描かれる演出です。格調があり、落ち着いた印象。
- フォント
- Yuji Syuku(店名・見出し・ボタン)/Zen Old Mincho(補足の文字)/Bodoni Moda(英字。イタリア生まれの書体で、元イタリアンシェフにちなむ)
- 色
- 動き
- 開いたときに1回だけ(控えめ)
全画面で開く
英語版
案B 灯
最初の画面は闇。会津の絵ろうそくのような灯りが、日本酒の棚とつくねを照らします。灯りはゆっくり動き、画面にふれた場所へ移動します。
- フォント
- Yuji Syuku(店名・見出し・ボタン)/Zen Maru Gothic(本文。やわらかく「和み」に合う)
- 色
- 動き
- 灯りがずっとゆらぐ。ふれると反応する(一番動きが多い)
全画面で開く
英語版
案C 短冊
黒い漆喰の壁に、手書きの品書きの短冊が下がります。名物には朱の印。短冊にふれると揺れて、料理の説明が出ます。料理が主役の、居酒屋らしい案です。
- フォント
- Yuji Syuku(店名・短冊・ボタン)/BIZ UDPGothic(本文。読みやすさ重視)
- 色
- 動き
- 開いたときに短冊が下がる。ふれると揺れる
全画面で開く
英語版
3案に共通すること
- 写真と説明文は【仮】です。写真がそろったら差し替えます。
- 言語の切り替え(日本語/English)は、右上に常に表示します。押すと、同じページの英語版に移ります。
- お品書き・宴会・アクセス・店舗情報へのボタンと、電話で予約するボタンを置いています(電話番号は未定のため、まだ押しても電話はかかりません)。
- 店名・見出し・ボタンの字体は、品書きの写真に近い筆文字(Yuji Syuku)に3案ともそろえています(字体の比較)。説明文などの小さい文字は、読みやすさを優先して別の書体にしています。
- 参考サイトの天竜・やぐら太鼓とは、違うフォントを使っています。
- スマホで「視差効果を減らす」設定をしている人には、動きを止めます。
- スマホメニュー(≡)とパンくずリストは、全ページにあります。
- 英語版では、英字を Bodoni Moda、説明文を読みやすいゴシック体にしています。ロゴの「なごみ」などは日本語のまま残しています。