トップページがスプリットレイアウトになっており、左側にナビゲーションメニューが固定表示され、各メニューに配置されたイラストがカーソルを合わせるとちょっと動くのが可愛らしく、閲覧する楽しさを助長しています。右側のメイン画像領域では、数枚の写真が組み合わさって1枚の画像になっており画像の上にキャッチコピーが配置され、シンプルでメッセージがストレートに伝わってくる効果的な表示です。右側のページでも同じテイストのイラストが使用されていてこちらも細かなモーションが加えられています。エリアや物件のタイプごとに検索ができるような仕組みも実装されていて、初見のユーザでも直感で利用できるような構成を考えて作られています。スタッフ紹介やコラムなどのコンテンツも用意されていて、しっかりと作り込まれたサイトに仕上がっています。
執筆者
カテゴリ
基本情報
不動産会社・ハウスメーカーに関連するデザイン
-
「エムトラスト株式会社」のホームページデザイン解説ファーストビューではCGグラフィックが展開されており、非常に凝った演出が思わず見入ってしまうような構成になっています。色鮮やかで驚きのある表現が、サイトの導入として効果的な演出です。上部にはナビゲーションメニューが設置されていて、下スクロー...
-
「千里殖産株式会社」のホームページデザイン解説上部にナビゲーションメニューが固定表示されており、サイトの内容が分かりやすくスムーズなページ移行が可能な設計となっています。さらに、メニューにカーソルを合わせるとメニューの囲みが大きく展開されて、それぞれのメニューにの下部にメニュー内の内容...
-
「株式会社アイ・クルール」のホームページデザイン解説サイト内の様々な箇所に設置された帯状のオブジェクトが常に動くモーションを付与されており、ポップで楽しげな表現が展開されています。さらにオブジェクトや一部の文字は同時に色が変わる効果も加えられていて、驚きのある演出が施されています。サイトの内...
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
ホワイトを使ったデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
シンプルなホームページのデザイン
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
-
「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
- 「Tokyo Ueno Wonderer」のホームページデザイン解説
ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...