スプリットレイアウトでページを二分割して、左側にナビゲーションメニューを固定表示することで、エリアを分けてメリハリのついたデザインを確立しています。コンテンツが表示された右側のエリアではファーストビューに温泉街の風情を感じる写真が使われ、旅行気分が高まる演出となっています。温泉や村の観光をムービーで見られるコンテンツも用意されていてより深く知ることができ、効果的な表示です。スクロールしていくと「泊まる」「食べる」など、目的に合わせた情報を提供しているページが作られていてユーザの利用しやすい構成が考えられています。しっかりと観光をPRした完成度の高いサイトに仕上がっています。
カテゴリ
基本情報
旅館に関連するデザイン
- 「喜安屋」のホームページデザイン解説
グレーとブラックをベースにしたサイトです。トップページの全面に、山あいにひっそりとたたずむ喜安屋(きやすや)が写っています。縦書きで明朝体のフォントを使用、和の雰囲気を出しています。グローバルナビにて宿泊プランや料金、四季の料理や創作料理な...
- 「昭恋館 よ志のや」のホームページデザイン解説
グレーをベースにブラウンをアクセントにしたサイトです。ファーストビューには、昭恋館 よ志のやの名物料理を紹介しています。グローバルナビにて昼食のプラン、客室や館内施設などを案内しています。トップページの中央に、昭恋館よ志のや謹製の通販セット...
- 「黒川温泉 里の湯 和らく」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、黒川温泉 里の湯 和らくの癒しの温泉を紹介しています。グローバルナビにて客室や料理、館内施設などを案内しています。グリーンのバナーから、宿泊予約をすることができます...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ホワイトを使ったデザイン
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
- 「WEEK END」のホームページデザイン解説
ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
- 「美容室MILLOR」のホームページデザイン解説
ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
シンプルなホームページのデザイン
- 「介護付有料老人ホーム アンサンブル&ファミニュー」のホームページデザイン解説
グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、介護付き有料老人ホーム「アンサンブル・ファミニュー」を紹介しています。グローバルナビにて「施設を探す」、「施設をもっと知る」などを案内しています。エリアマップから、...
- 「博報堂 HAKUHODO Inc.」のホームページデザイン解説
ファーストビューは画面中央にシンプルに配置されたキャッチコピーと小さな円のアニメーションで構成されたメインビジュアルで、アニメーションは時間経過とともに正方形のコンテンツサムネイルと交互に表示される構成です。同様のエフェクトは新着記事のサム...
- 「【公式】老人ホーム・デイサービス「はなことば」」のホームページデザイン解説
グレーをベースに、オレンジやネイビーをアクセントにしたサイトです。ファーストビューでは、老人ホーム・デイサービス「はなことば」を紹介しています。ファーストビューに「随時、内覧受付中!」のオレンジのアイコンが貼ってあります。グローバルナビにて...