グラデーションが少しづつ動いている背景が美しく、画面中央に大きく配置された横スクロールで進むサイトメニューが非常に印象的です。サイトメニューの文字にカーソルを合わせると写真が小さく現れます。クリックすると写真が拡大して全画面になり、縦スクロールに変わってページを閲覧できる仕組みです。面白い演出となっていてユーザが楽しく閲覧できるよう考えられています。また、商品紹介ページではブランドムービーが見れたり、商品写真を背景に使った特殊なラインナップ紹介となっていたりと、他のサイトとは一線を画す面白い工夫が随所に見られてクオリティの高いサイトに仕上がっています。
執筆者
カテゴリ
基本情報
飲食店に関連するデザイン
-
「マクドナルドフランチャイジー 株式会社豊昇」のホームページデザイン解説サイトを開くと角を丸くトリミングしたスライドショーが表示され、中央に力強いブロック体と、手書き風のフォントでそれぞれキャチコピーが重ねられています。スライドショーの下には鮮やかなイエローの帯が重ねられ、新着情報が表示されています。鮮やかなイ...
-
「熊本らーめん」のホームページデザイン解説サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックす...
-
「近江ちゃんぽん亭」のホームページデザイン解説ページのタイトル部分にはYoutubeの動画が埋め込まれており、サイトにアクセスすると同時に再生されます。コンテンツはタイル状のレイアウトで配置されており、メニュー情報と店舗情報のタイトルには背後に画像を配置して視差効果も取り入れています。...
店舗サイトに関連するデザイン
-
「TERRACE hair nail &eyelash」のホームページデザイン解説サイトを開くと6枚の写真で構成されたスライドショーがまず表示され、美容院の外観・内装に加えて施術の様子やスタッフの集合写真も表示され、中央には放射状のラインとともにキャッチコピーと手書き風の店舗ロゴが表示されています。モノトーンの色使いのブ...
-
「NEAL STREET HAIR&MAKE」のホームページデザイン解説サイトを開くと画面いっぱいにスライドショーが表示され、光が差し込むホワイト基調の写真の数々の中央に、筆文字風のネイビーの店舗ロゴが映えます。グレーとオレンジの2色をメインに、コンテンツの切り替え部分に細いストライプのテクスチャをあしらったス...
- 「熊本らーめん」のホームページデザイン解説
サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックす...
カラフルを使ったデザイン
-
「株式会社ウイング」のホームページデザイン解説メインビジュアルはTシャツプリントの作業工程をまとめたスライドショーで、キャッチコピーの横にインクが飛び散ったような図柄を配置しています。ページ上部に固定したナビゲーションメニューや、テキストボックスにもインクが垂れたような流線型をあしらっ...
-
「オオサカマニア」のホームページデザイン解説メインビジュアルは画面下部に吹き出し状のサムネイルがスクロールするスライドショーとなっており、画面中央に大きく表示されたタイトルロゴが迫力を感じさせ、背景のイラストに合わせてロゴと背景の色が変化する様子が大阪の多彩な楽しみ方を感じさせます。...
-
「妖怪ピーク」のホームページデザイン解説淡い水彩風のテクスチャで描かれた幾何学模様を散りばめたイラストがキャッチコピーの背後にゆっくりとした速度で流れ、ユーザーに寄り添うような優しい雰囲気を感じさせるファーストビューです。メインビジュアルの下ではワークショップの様子がカルーセルで...
シンプルなホームページのデザイン
-
「株式会社ジャスト_J-Scan」のホームページデザイン解説サイトを開くと画面中央にムービーが再生され、その上に半透明のブラックのベタが重ねられ、中央に太字のキャッチコピーとサービスのロゴが重ねられています。実写映像と3DCGを組み合わせた動画は迫力があり、技術力の高さを感じさせます。コンテンツはネ...
-
「医療法人社団 恵友会 三恵病院」のホームページデザイン解説メインビジュアルはコンパクトな形にまとめられた楕円形のスライドショーで、その右には診療案内が簡潔にまとめられており、下のナビゲーションメニューと3種のご案内へのリンクが画面全体に収まることで、病院の概要が一目でわかるように構成されています。...
-
「sanjoy!まちなか情報局」のホームページデザイン解説タイル状に組み合わせたマルシェの様子の写真の中央に角丸長方形を配置し、その上にイベントロゴを配置したにぎやかな印象のファーストビューです。メインエリアは2カラムのレイアウトで、グリーンとグレーを中心とした色使いに、キャプションには記事のカテ...
