全体がシンプルで洗練された雰囲気にまとめられていて、見ていて気持ちの良いデザインが特徴的なサイトになっています。ファーストビューでは右端に画像領域が寄せられていて、絶妙なバランスとなっています。画像はスライドショーで切り替わる仕組みで、ゆっくりとしたオーバーラップで画像が切り替わることでサイトの雰囲気を演出する要素になっています。スクロールで表示されるサイト内の項目では画像をメインに展開されていて見やすく、下層ページでも同様のデザインで作り込まれていることで統一感があり、気持ちよく閲覧できるサイトに仕上げられています。
執筆者
カテゴリ
基本情報
ホテルに関連するデザイン
-
「The Okura Tokyo」のホームページデザイン解説ファーストビューでは画面中央にホテルのロゴがシンプルに配置され、その背後をホテルの紹介ムービーがゆったりと流れ、ホテルで過ごす時間への期待感を高めてくれます。各コンテンツは写真の色味に合わせた帯が重ねられ、縦書きのメニューの背景に日本の伝統...
-
「DDD HOTEL」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、DDD HOTELの客室を紹介しています。モノトーンの画像を使用しており、全体的にシックな印象です。右上にメニューボタンがあり、カフェやバーなどを案内しています。カ...
-
「株式会社サン・クレア」のホームページデザイン解説ファーストビューでは画面全体を縦に3分割し、中央にシンプルにタイトルを、左右のエリアに上下方向にスクロールするスライドショーを配置した構成です。またスライドショーは左右でそれぞて逆方向に動かして画面に変化を持たせています。画面上には常にマウ...
店舗サイトに関連するデザイン
-
「PEDAL｜京都 二条 美容室」のホームページデザイン解説トップページの最上部には「ご予約はこちら」ボタンを目立たせ用意しています。店舗ロゴは右側に用意させ予約ボタン並びにグローバルナビゲーションに目がいくよう配慮されています。ページ全体としては白を基調とし画像もさわやかで淡い色合いを用いることで...
-
「natura」のホームページデザイン解説トップページ内には予約・空き情報および電話番号の常時バナーを用意しています。そのバナーの色味は黄色と黒を用いることではっきりとインパクトがあります。ファーストビュー画像の下にはインフォメーションが開催されており、最新情報を逃さずキャッチする...
-
「銀座の美容室 TREE(ツリー) | hair&life d…」のホームページデザイン解説トップページ上部にはアクセスと電話用のボタンが用意されています。文字は記載されていないですが、馴染みのアイコンのため瞬時にどんな内容か理解することができます。またファーストビュー画像内にも予約用のボタンを用意しておりコンバージョンを意識した...
ホワイトを使ったデザイン
-
「GINZA WEDDING BOOK 25ans」のホームページデザイン解説銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
-
「WEEK END」のホームページデザイン解説ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
-
「美容室MILLOR」のホームページデザイン解説ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
高級感・リッチなホームページのデザイン
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
-
「卒業袴レンタル きもの鈴乃屋」のホームページデザイン解説サイトにアクセスすると店舗ロゴのアニメーションから画面が切り替わり、キャッチコピーと大小２枚の写真がふわりと浮かび上がる、優しいイメージを感じさせるファーストビューです。淡いグレーの和紙風と、オレンジの伝統模様のテクスチャが和服のしっとりし...
-
「CADENZA+（カデンザ）」のホームページデザイン解説ファーストビュー画像はスタイリッシュな画像が切り替わるデザインです。英語の筆記体とと日本語でコンセプトメッセージを伝えておりおしゃれでわかりやすく端的にまとまっています。その下には丁寧なコンセプト文も掲載しています。濃い青の背景に白文字表記...
