モバイルファーストサイト100選　その30　いざ、居酒屋。ネオイザカヤ | niko and …

懐かしくて、新しい。おおざっぱで、なんでもあり。飲む人も、飲まない人も。その雰囲気に、熱気に、楽しさに酔う。ああ、居酒屋って最高だ。グルーブだ。ファッションだ。カルチャーだ。

ファッションブランド、『niko and …』の居酒屋とのコラボサイトのようです。

https://www.dot-st.com/nikoand/cp/neoizakaya

コラボアイテムのプロモーションということで、
実際に居酒屋を立ち上げて運営しているわけではなさそうですね。

構成

PC時の配置はメインが真ん中で、右側にページ内リンクがあります。
sp時はハンバーガーではなく、上部に固定でナビが表示されますが、
このナビ、スクロールで動きます。
表示してあるアイテムにカレント表示をするのではなく、
アイテムのほうを動かしていますね。

へぇ～～ってなりました。面白い。

他に、セクションの見出しが飛び出てくるようなアニメになっています。
これも面白いですね。たぶん、ちょっとしたことなんでしょうけど。

各所にアニメが施されていて、かなりPOPな感じがしますが、
少々レトロっぽいアニメになっていますね。
サイトディスクリプションにあった
「懐かしくて、新しい。」というコンセプトによく合っていると思いました。

配色

このサイトのCSSカラーはこちら

最初見たときは、こんな色遣いの居酒屋が
本当に在るのか？と疑問に思いましたが、
さすがに違いましたね（笑）
飲食店らしからぬ配色です。

色数は少なくシンプルなのに、
にぎやかな感じが良く出ているなと思いました。

フォント

日本語本文のは　ヒラギノ角ゴシック
英文のアイテム内には　Rockwell Nova Condensed
が使われています。
その他画像も多く、見出しのアニメは
アドビフォントの　AB ToriB　が使われていますね。
レトロっぽい感じがします。

まとめ　

ものすごい今風なんだけど、
レトロっぽい、不思議な感じがするデザインだなと思いました。
でも、コンセプト通りで素晴らしいと思います。

居酒屋の配色ではなく、
なんとなく、アメリカのドーナツで見るような配色で、
初めは「？」となりました。
まあ、店舗のプロモーションではないので、
こういう斬新な感じのする色使いでもいいのでしょうね。
刺激になりました。