外観や客室などの鮮やかな写真が目を引くホームページです。またミシュランガイドで評価された案内も掲載されており期待値と信頼感が上がります。 丁寧にご挨拶から始まり庭、客室、料理の紹介はどれも心躍るお上品で高級感のある写真と文面で表現されています。またパララックス効果も用いてページを設計されています。 ページ下部には予約のほかにアクセスや施設情報についての案内があり疑問が解消されます。全体として丁寧なつくりの気品溢れるホームページです。
執筆者
カテゴリ
基本情報
旅館に関連するデザイン
-
「喜安屋」のホームページデザイン解説グレーとブラックをベースにしたサイトです。トップページの全面に、山あいにひっそりとたたずむ喜安屋（きやすや）が写っています。縦書きで明朝体のフォントを使用、和の雰囲気を出しています。グローバルナビにて宿泊プランや料金、四季の料理や創作料理な...
-
「昭恋館 よ志のや」のホームページデザイン解説グレーをベースにブラウンをアクセントにしたサイトです。ファーストビューには、昭恋館 よ志のやの名物料理を紹介しています。グローバルナビにて昼食のプラン、客室や館内施設などを案内しています。トップページの中央に、昭恋館よ志のや謹製の通販セット...
-
「黒川温泉 里の湯 和らく」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、黒川温泉 里の湯 和らくの癒しの温泉を紹介しています。グローバルナビにて客室や料理、館内施設などを案内しています。グリーンのバナーから、宿泊予約をすることができます...
店舗サイトに関連するデザイン
-
「八百彦本店」のホームページデザイン解説ファーストビューに表示される水墨画のようなタッチで描かれた仕出し弁当のイラストが印象的で和の雰囲気が表現されています。食材のイラストは背景にも散りばめられていてデザインのアクセントになっています。商品一覧の表示には写真リンクを使っていて、ク...
-
「HODGE x PODGE」のホームページデザイン解説ブラック×ホワイトのカラー構成をメインにまとめられたデザインがスタイリッシュなイメージを作り上げています。ファーストビューの画像領域ではモノクロ写真が切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出となって...
-
「土屋印店」のホームページデザイン解説画像領域がファーストビューの中央に設置されており、目に止まりやすい構成がしっかりと考えられた設計になっています。画像はゆっくりとしたオーバーラップで切り替わる仕組みで、サイトの雰囲気を演出する要素になっています。スクロールしていくと「作品集...
ホワイトを使ったデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
高級感・リッチなホームページのデザイン
-
「BRANCHE CHOCOLAT」のホームページデザイン解説画面中央に設置された大きめの画像領域では、高級感が表現された美しい画像がスライドショーで切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出になっています。スクロールしていくと小さめのGIF画像が設置されており...
-
「SIMONE」のホームページデザイン解説次々と切り替わるムービーがファーストビュー上で展開されており、思わず見入ってしまうような演出になっています。ムービーは圧倒されるようなインパクトのある表現で、サイトの導入として効果的な役割となっています。スクロールした先では「PROJECT...
-
「QUOITWORKS Inc.」のホームページデザイン解説背景画像の中央にさらに画像領域が設置されており、背景画像上では「PREV」と「NEXT」のマウスストーカーが操作指示を表示しており、中央の画像上ではマウスストーカーの形状にカラー反転表示する効果が加えられています。独自性を感じる特徴的な演出...