画面左にナビゲーションメニューを固定した2カラムのレイアウトで、メインビジュアルは鮮やかな青空が印象的な写真に大きくキャッチコピーを配置しています。ブルーを基調にオレンジをアクセントにしたビジネス色の強い色使いですが、コンテンツの切り替え部分やキャッチコピーの両側にフラットなイラストを配置したり、淡いベージュの方眼のテクスチャを採り入れて親しみやすさも感じさせるデザインです。下層ページのタイトルはページの内容に合わせた写真を帯状に配置し、その上に半透明のブルーを重ねて文字が読みやすくなるよう工夫されています。
カテゴリ
基本情報
不動産会社・ハウスメーカーに関連するデザイン
- 「有限会社スマイルクラブ」のホームページデザイン解説
お洒落な内装の写真を画面いっぱいに表示し、その上に英語のフォントで大きくキャッチコピーを重ねた、スタイリッシュな印象のファーストビューです。コンセプト紹介では写真に視差効果を取り入れたり、画面スクロールとともにコンテンツが浮かび上がるなどの...
- 「協立不動産株式会社」のホームページデザイン解説
メインビジュアルには奥行きのある街並みで、空の面積が広い構図の写真をチョイスし、キャッチコピーを大きく配置してインパクトのある画面を作っています。コンセプトの部分にはシンプルな線で描かれた街並みのイラストで親しみやすさを演出し、リンクボタン...
- 「株式会社協和住建」のホームページデザイン解説
鮮やかな青空が広がる街並みの写真の上に、キャッチコピーを大きく配置しています。横1列に並んだ物件情報はカルーセルになっており、次々と物件が表示されていきます。鮮やかなオレンジをアクセントにした色使いで、コンテンツによってホワイト・グレー・オ...
コーポレートサイトに関連するデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
- 「健康コミュニケーションズ株式会社」のホームページデザイン解説
メインビジュアルはインカムをつけて話す女性の写真にキャッチコピーを重ねたシンプルな構図です。オレンジをアクセントカラーにした色使いが白い背景に映え、健康的なイメージを感じさせるさわやかな色使いです。シンプルな1カラムのレイアウトで、左右にマ...
ホワイトを使ったデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
- 「Free Space株式会社_SOURCE hair space」のホームページデザイン解説
サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
イラスト・手書き感なホームページのデザイン
- 「学校法人峯学園 ひさみ幼稚園」のホームページデザイン解説
メインビジュアルのスライドショーは角を丸くトリミングしており、背景に木のシルエットを思わせるグリーンのベタを配置して、手書き風のイラストを散りばめることで可愛らしい印象をまず与えます。濃淡2色のグリーンでまとめられた色使いと、円形にトリミン...
- 「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説
画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
- 「CoCoRo」のホームページデザイン解説
サイトにアクセスすると、ナビゲーションメニューの下にカルーセルが配置され、主要なトピックスやキャンペーンのビジュアルが次々表示されます。濃淡2色のピンクをアクセントカラーにして、ドロップシャドウでふんわりとした空気を演出したデザインです。手...