全体がシンプルで洗練された雰囲気にまとめられていて、見ていて気持ちの良いデザインが特徴的なサイトになっています。ファーストビューでは右端に画像領域が寄せられていて、絶妙なバランスとなっています。画像はスライドショーで切り替わる仕組みで、ゆっくりとしたオーバーラップで画像が切り替わることでサイトの雰囲気を演出する要素になっています。スクロールで表示されるサイト内の項目では画像をメインに展開されていて見やすく、下層ページでも同様のデザインで作り込まれていることで統一感があり、気持ちよく閲覧できるサイトに仕上げられています。
執筆者
カテゴリ
基本情報
ホテルに関連するデザイン
-
「日本海夕陽ヴィラONE STORY」のホームページデザイン解説半円と3本のラインで水平線に沈む夕日をデザインしたロゴが画面中央に表示され、画面が切り替わると部屋から海を眺める美しい写真が画面中央に表示されます。写真とテキストを互い違いに配置したレイアウトを基本とし、写真はスライドショーがテンポよく切り...
-
「株式会社カワムラ建設_貸別荘ALIVIO IZU」のホームページデザイン解説貸別荘の外観写真を大きく使ったメインビジュアルで、写真は空の面積が広いものを選択してキャッチコピーを配置する空間を生み出しています。鮮やかなネイビーを背景にしたエリアは写真をランダムに配置してアクティブなイメージを演出し、ホワイトを背景にし...
-
「アビルキャンプリゾート那須」のホームページデザイン解説画面の右下から回転するようにスライドインする写真の数々と、背景を右から左にスクロールするロゴがネイビーの背景の上に配置されており、キャンプの楽しさとワクワク感を感じさせるファーストビューです。フラットでシンプルなページデザインの中に太いライ...
店舗サイトに関連するデザイン
-
「TERRACE hair nail &eyelash」のホームページデザイン解説サイトを開くと6枚の写真で構成されたスライドショーがまず表示され、美容院の外観・内装に加えて施術の様子やスタッフの集合写真も表示され、中央には放射状のラインとともにキャッチコピーと手書き風の店舗ロゴが表示されています。モノトーンの色使いのブ...
-
「NEAL STREET HAIR&MAKE」のホームページデザイン解説サイトを開くと画面いっぱいにスライドショーが表示され、光が差し込むホワイト基調の写真の数々の中央に、筆文字風のネイビーの店舗ロゴが映えます。グレーとオレンジの2色をメインに、コンテンツの切り替え部分に細いストライプのテクスチャをあしらったス...
-
「熊本らーめん」のホームページデザイン解説サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックす...
ホワイトを使ったデザイン
-
「株式会社内山産業」のホームページデザイン解説サイトを開くと4枚の画像で構成された横長のスライドショーが表示され、中央に重ねられたキャッチコピーはアンダーラインとチェックボックスを併用することでより説得力を増しています。企業ロゴのロゴをアクセントカラーにして、縦長の英語フォントでスタイ...
-
「株式会社フラワーホーム」のホームページデザイン解説メインビジュアルは数枚の写真が次々入れ替わるスライドショーで、中央に太目のフォントで縦書きで配置されたキャッチコピーは素朴さを感じさせる味わいがあります。導入部分はメインビジュアルにずらして重ねて画面に奥行きを出しています。淡いグレーを背景...
-
「株式会社 S.U建築設計」のホームページデザイン解説メインビジュアルは3枚の画像で構成されたコンパクトなスライドショーで、ずらして重ねた英語のキャッチコピーは写真にマスクをかけたようなあしらいとなっていて、写真が切り替わるとともに色が変化します。モノトーンの色使いでまとめられたシンプルな1カ...
高級感・リッチなホームページのデザイン
-
「今代司酒造株式会社」のホームページデザイン解説暗い工房内に鮮やかな藍色の暖簾が浮かび上がる写真が印象的なメインビジュアルです。一転して導入部分の写真は明るく温かみのある写真で構成され、その上には縦書きのキャッチコピーが黒の帯の上に配置されています。ブラックを背景にホワイトの明朝体でテキ...
-
「山の手ホテル_フォレストリゾートウェディング」のホームページデザイン解説メインビジュアルのスライドショーは画面幅をいっぱいに使い、中央に写真を、背後に拡大してぼかした画像を組み合わせて、同じ画像をふたつの効果で重ねることで奥行きを出しています。ホワイトの余白を生かしたフリーレイアウトのレイアウトに、くすんだグリ...
-
「小松美羽 Official Site」のホームページデザイン解説サイトを開くとライブペインティングの様子を捉えた写真が画面いっぱいに表示され、その上に明朝体で大きくキャッチコピーが配置された、重厚感と力強さを感じさせるファーストビューです。ブラックをベースにホワイトのテキストとオレンジの見出しで高背され...
