モバイルファーストサイト100選 その23 鉄板焼みつい – 北海道知床の食材をお手頃価格の鉄板料理で
北海道知床の食材をはじめとした自慢の鉄板料理をリーズナブルに楽しめます!「知床牛」「サチク麦王」「知床もみじ(エゾシカ)」「きたほなみ(小麦粉)」など、美味しい食材でつくる鉄板料理をお召し上がりください。
札幌市中央区にある、鉄板焼き料理のお店です。
https://teppanyaki-mitsui.com/
食材にこだわりがあるようですが、
とても美味しそうですね。
お店もとても綺麗ですし、高級感を感じます。
サイトも写真とかきれいなものが使われていて、
なんとなく、勢いを感じます。
繁盛しているんだろうなぁ・・
そんなことを思わせてくれるサイトです。
![鉄板焼みつい](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/4a67bf17-7243-42c4-8c3e-fc8138822f59-1024x545.png)
構成
メインを右に置いた2ブロックです。
PC時のメインがだいぶ狭く感じます。
それ故か左のビジュアルがかなり印象的に感じます。
良い写真を使っているのも併せて、
かなり視覚的にアピールしていると思います。
お店が綺麗なのも引き立ちますね。
ビジュアル部分は、スライダーではなく、
スクロールによって可変するようになっています。
このやり方、学校で習ったけど、忘れちゃったな・・。
![spナビ](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/2616f681-a1d9-486d-a48b-af0b849fb267.png)
ナビゲーションは最初からハンバーガーのみで、ページ内リンクですが、
採用情報と会社概要のみ別ページに飛んでいます。
![会社概要](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/93e53662-556d-4add-bf32-b1aa0c01660d-266x1024.png)
![採用情報](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/09040dd3-941b-4dcb-aa75-f8a38daf2be0-148x1024.png)
モバイルで別ページに飛ぶのって、
2~3ページぐらいが限度のような気がしているのですが、
どうでしょうね。
実際、ここのサイトのような感じであれば、
迷わずに遷移できます。
参考にしておきましょう。
配色
このサイトで使われている色はこちら
![配色](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/スクリーンショット-2024-01-19-104604.png)
店舗の内装に使われている水色が目を引きますが、
それ以外はシンプルです。
料理の写真がとてもカラフルで美味しそうなので、
地味な感じはしませんね。
![sp1](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/sp1-3-185x1024.png)
![sp2](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/sp2-3-185x1024.png)
![sp3](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/sp3-4-185x1024.png)
フォント
サイトで使われているフォントは 游ゴシック Medium
のみです。
見出しの画像だけちょっと異なるフォントを使っているようですが、
全体的に統一されていて、シンプルで良いですね。
個人的に清潔感を感じます。
まとめ
シンプルながらもちょっとしたあしらいもあったりして、
すごく参考になりました。
こういう感じが狙ってできるようになりたいですね。
サイトもニュース部分もちゃんと更新されているようで、
元気に働いている様子がとって伺われます。
いいお店なんだろうなぁ。
ちょっと食べに行きたくなりました。
![店舗](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/brick-wall-1834784_1280-1024x682.jpg)