モバイルファーストサイト100選 その30 いざ、居酒屋。ネオイザカヤ | niko and …
懐かしくて、新しい。おおざっぱで、なんでもあり。飲む人も、飲まない人も。その雰囲気に、熱気に、楽しさに酔う。ああ、居酒屋って最高だ。グルーブだ。ファッションだ。カルチャーだ。
ファッションブランド、『niko and …』の居酒屋とのコラボサイトのようです。
https://www.dot-st.com/nikoand/cp/neoizakaya
コラボアイテムのプロモーションということで、
実際に居酒屋を立ち上げて運営しているわけではなさそうですね。
![ネオイザカヤ](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/02/79f8cf9e-0616-4fb3-936f-d4938e28cc1e-1024x524.png)
構成
PC時の配置はメインが真ん中で、右側にページ内リンクがあります。
sp時はハンバーガーではなく、上部に固定でナビが表示されますが、
このナビ、スクロールで動きます。
表示してあるアイテムにカレント表示をするのではなく、
アイテムのほうを動かしていますね。
へぇ~~ってなりました。面白い。
![spナビ](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/02/47a5c532-4783-46ed-b4f7-825e6b2fd169.png)
上部にあるナビの項目が
スクロールで左右に動きます。
表示されている部分が現在地、ということですね。
面白い。
他に、セクションの見出しが飛び出てくるようなアニメになっています。
これも面白いですね。たぶん、ちょっとしたことなんでしょうけど。
各所にアニメが施されていて、かなりPOPな感じがしますが、
少々レトロっぽいアニメになっていますね。
サイトディスクリプションにあった
「懐かしくて、新しい。」というコンセプトによく合っていると思いました。
![sp1](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/02/sp1-1-95x1024.png)
![sp2](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/02/sp2-1-95x1024.png)
![sp3](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/02/sp3-95x1024.png)
![sp4](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/02/sp4-144x1024.png)
配色
このサイトのCSSカラーはこちら
![配色](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/02/スクリーンショット-2024-02-06-132450.png)
最初見たときは、こんな色遣いの居酒屋が
本当に在るのか?と疑問に思いましたが、
さすがに違いましたね(笑)
飲食店らしからぬ配色です。
色数は少なくシンプルなのに、
にぎやかな感じが良く出ているなと思いました。
フォント
日本語本文のは ヒラギノ角ゴシック
英文のアイテム内には Rockwell Nova Condensed
が使われています。
その他画像も多く、見出しのアニメは
アドビフォントの AB ToriB が使われていますね。
レトロっぽい感じがします。
まとめ
ものすごい今風なんだけど、
レトロっぽい、不思議な感じがするデザインだなと思いました。
でも、コンセプト通りで素晴らしいと思います。
居酒屋の配色ではなく、
なんとなく、アメリカのドーナツで見るような配色で、
初めは「?」となりました。
まあ、店舗のプロモーションではないので、
こういう斬新な感じのする色使いでもいいのでしょうね。
刺激になりました。
![アメリカのお菓子](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/02/tyler-nix-9sV5pzY3k1U-unsplash-1024x683.jpg)