モバイルファーストサイト100選 その12 Hanaiguchi｜ハナイグチ
東京都杉並区にある洋食レストラン「Hanaiguchi」のHPです。
ナチュラルな感じのするオシャレなお店ですね。
都会の中にいることを忘れさせてくれそうです。
https://hanaiguchi.studio.site/
さて、サイトのほうは
ノーコードツールのSTUDIOで作られているようですね。
STUDIOの作例集から参照させて頂いてます。
色
ここで使われている色はこちら
色数も少なく、非常に落ち着いた感じの色合いです。
土や木といった自然を感じさせるものに
応用できそうです。
フォント
日本語には ”A1ゴシック M JIS2004″
見出しや英数字には ”Cormorant SC”
が使われています。
この英数字はとてもオシャレですね。
見出しに使うのが最適と思われます。
覚えておきましょう。
構成
構成はpc時はスプリットレイアウトで、
左のスペースはスライダーでループしています。
よくスクロール量によって画像を変える手法を見ますが、
これは違うようですね。
ｐｃ時、下部にナビゲーションがあり、ページ内リンクになっています。
これはＳＰ時は上部に現れるようになっています。
ナビもシンプルで、判りやすいです。
店の地図を別ページに飛ばすようにして
ページ上に表示しないようにしているのも、
良いと思います。
全体的に情報量が少なめで、
コンパクトに纏まったオシャレなサイトですね。
情報の少ない店舗などのサイトには、
ぜひ参考にしたいところです。
Follow me!
