真っ白の画面の中央に「KINTAN」の店名ロゴが一文字ずつ現れる上品且つインパクトのあるモーション。そこからトップページに遷移する流れが閲覧ユーザーの期待感を高めます。トップページにはページをめくるようにして良質な肉の写真や利用シーンを切り取った写真が流れていく仕様となっていて、来店意欲を掻き立てられます。ページをスクロールしていくとまず「メッセージ」としてお店の想いやコンセプトを説明しており、強い信念を持って営業しているという意識の高さを伺えます。そのまま下に進むと店舗の案内が業態ごとにタブで分けられ、店舗写真が一覧となって並んでいるため、見やすさ・わかりやすさをよく考えられた表示の仕方がされていると感じました。最も感心したポイントは、ストーリーと称した下層ページに、来店したユーザーの仮想の物語が短い小説のようにして記載され、雰囲気を感じる写真とともに展開されているページがあり、お客様が来店した際のイメージが膨らむことを狙った、他にはない演出が非常にお洒落でオリジナリティを感じました。閲覧したユーザーを楽しませる工夫がされていて凝ったサイトに仕上がっています。
執筆者
カテゴリ
基本情報
レストランに関連するデザイン
-
「curation」のホームページデザイン解説サイトにアクセスするとまず、数枚の写真がズームインしながら入れ替わるスライドショーが表示され、スライドの再生速度と合わせて店内の穏やかな雰囲気を伝えています。画面左上に配置された店舗ロゴは画面をスクロールするとホワイトからイエロー変化し、モ...
-
「下関春帆楼採用サイト」のホームページデザイン解説サイトを開くと横長のスライドショーが再生され、左上には紫のベタの上に企業ロゴが、左下にはキャッチコピーが表示されます。紫をアクセントカラーにしたフラットなデザインで、各コンテンツの入り口には折り鶴や作務衣など和のモチーフのアイコンがあしらわ...
-
「つば甚」のホームページデザイン解説金沢の料亭のWebサイトで、サイトを開くと自然の風景と店舗の料理を組み合わせたムービーが再生され、高級感とドラマチックな印象をまず感じさせます。コンテンツは横長の写真に縦書きのテキストを組み合わせており、縦方向がコンパクトにまとまっているた...
店舗サイトに関連するデザイン
-
「TERRACE hair nail &eyelash」のホームページデザイン解説サイトを開くと6枚の写真で構成されたスライドショーがまず表示され、美容院の外観・内装に加えて施術の様子やスタッフの集合写真も表示され、中央には放射状のラインとともにキャッチコピーと手書き風の店舗ロゴが表示されています。モノトーンの色使いのブ...
-
「NEAL STREET HAIR&MAKE」のホームページデザイン解説サイトを開くと画面いっぱいにスライドショーが表示され、光が差し込むホワイト基調の写真の数々の中央に、筆文字風のネイビーの店舗ロゴが映えます。グレーとオレンジの2色をメインに、コンテンツの切り替え部分に細いストライプのテクスチャをあしらったス...
-
「熊本らーめん」のホームページデザイン解説サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックす...
ベージュを使ったデザイン
-
「株式会社能建」のホームページデザイン解説メインビジュアルのスライドショーは、1枚目に熊と家のイラストを使って親しみやすさを感じさせ、2枚目はチラシ風なポップな雰囲気、3枚目以降はモノトーンで雑誌風とテイストを切り替えています。リンクボタンと背景にタイルやコンクリート風のテクスチャ...
-
「hana鍼灸治療院」のホームページデザイン解説サイトを開くと画面いっぱいに広がる鮮やかな蘭の花がまず目に入り、スライドショーが切り替わると院内の内装や施術の様子が写真で紹介されています。落ち着いたゴールドをアクセントカラーにしており、ダイヤ型のテクスチャと合わせて高級感を感じさせるデザ...
-
「有限会社 神田板金」のホームページデザイン解説メインビジュアルに当たるスライドショーはキャッチコピーとキャプションがエリアの左側に固定され、その下を写真がスライドして変化をつける構成で、写真の鮮やかな青空がシンプルな色使いのページの中に映えます。シンプルな1カラムのレイアウトで、サービ...
シンプルなホームページのデザイン
-
「株式会社ジャスト_J-Scan」のホームページデザイン解説サイトを開くと画面中央にムービーが再生され、その上に半透明のブラックのベタが重ねられ、中央に太字のキャッチコピーとサービスのロゴが重ねられています。実写映像と3DCGを組み合わせた動画は迫力があり、技術力の高さを感じさせます。コンテンツはネ...
-
「医療法人社団 恵友会 三恵病院」のホームページデザイン解説メインビジュアルはコンパクトな形にまとめられた楕円形のスライドショーで、その右には診療案内が簡潔にまとめられており、下のナビゲーションメニューと3種のご案内へのリンクが画面全体に収まることで、病院の概要が一目でわかるように構成されています。...
-
「sanjoy!まちなか情報局」のホームページデザイン解説タイル状に組み合わせたマルシェの様子の写真の中央に角丸長方形を配置し、その上にイベントロゴを配置したにぎやかな印象のファーストビューです。メインエリアは2カラムのレイアウトで、グリーンとグレーを中心とした色使いに、キャプションには記事のカテ...
