ナチュラルでシンプルな、良い意味で”装わない”美しい構成が目を引くサイトです。ファーストビューには写真が一枚のみ表示されていて、中心に手書き文字のようなロゴとキャッチコピーが配置されています。あえて写真を複数切り替えることなく一枚のみで余白を広く使うことで、印象に残る効果的な表示です。スクロールすると、特集記事が画像リンクとなっており、下層ページでオススメスポットが地図情報とともに一覧表示されていて、クリックすると詳細が確認できる仕組みになっています。下層ページでも写真をうまく使っていてセンスの良い構成が見ていて心地よいページに仕上がっています。トップページ下部では時期に合わせたオススメのプランも紹介していて、それぞれサムネイル写真と下層ページが用意され、充実の内容となっています。
執筆者
カテゴリ
基本情報
ツアー・体験教室・観光に関連するデザイン
-
「Walkerplus」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、動物園や水族館などの「おでかけ動画」を掲載しています。グローバルナビにてイベント情報や人気スポット、行き先などを案内しています。トップページは2カラム構成、左サイド...
-
「旅ツウ」のホームページデザイン解説旅行予約サイトとして旅行形態としても国内・海外、航空券とホテルのセットやレンタカーなど多岐に渡り複雑ですがうまくまとめられておりユーザーも不自由なく目的の旅行形態を検索することができるページです。ファーストビューは複数枚の特集の案内の画像が...
-
「名鉄観光」のホームページデザイン解説トップページ上部にはグローバルナビゲーションとマイページの表示があります。ユーザーがページ内にで迷子にならないように、また使用頻度の高いものを設定しています。ファーストビューの画像は左右に切り替わるデザインです。どれも文字とイラストを上手に...
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
ホワイトを使ったデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
シンプルなホームページのデザイン
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
-
「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
- 「Tokyo Ueno Wonderer」のホームページデザイン解説
ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...