鮮やかな青空が広がる街並みの写真の上に、キャッチコピーを大きく配置しています。横1列に並んだ物件情報はカルーセルになっており、次々と物件が表示されていきます。鮮やかなオレンジをアクセントにした色使いで、コンテンツによってホワイト・グレー・オレンジで背景が色分けされています。タイトルやリンクバナーに使われているイラストアイコンもグレーとオレンジの2色で塗り分けられています。画面上部にはヘッダーが、画面右下には検索ページへのリンクボタンが常に配置されています。購入の流れは縦長の短冊を並べたレイアウトになっており、数字の上にSTEPの文字がアーチ状に配置されています。
執筆者
カテゴリ
基本情報
不動産会社・ハウスメーカーに関連するデザイン
-
「有限会社スマイルクラブ」のホームページデザイン解説お洒落な内装の写真を画面いっぱいに表示し、その上に英語のフォントで大きくキャッチコピーを重ねた、スタイリッシュな印象のファーストビューです。コンセプト紹介では写真に視差効果を取り入れたり、画面スクロールとともにコンテンツが浮かび上がるなどの...
-
「協立不動産株式会社」のホームページデザイン解説メインビジュアルには奥行きのある街並みで、空の面積が広い構図の写真をチョイスし、キャッチコピーを大きく配置してインパクトのある画面を作っています。コンセプトの部分にはシンプルな線で描かれた街並みのイラストで親しみやすさを演出し、リンクボタン...
-
「株式会社インフィニティー_長岡不動産売却査定センター」のホームページデザイン解説鮮やかなブルーの色彩が印象的な写真をメインビジュアルに使い、空の部分を余白として生かしてキャッチコピーを配置しています。また企業の実績をラベル状のデザインで配置し、実績の高さをアピールしています。ネイビーをメインに、ゴールドのグラデーション...
コーポレートサイトに関連するデザイン
-
「ツルタボルト株式会社」のホームページデザイン解説メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「健康コミュニケーションズ株式会社」のホームページデザイン解説メインビジュアルはインカムをつけて話す女性の写真にキャッチコピーを重ねたシンプルな構図です。オレンジをアクセントカラーにした色使いが白い背景に映え、健康的なイメージを感じさせるさわやかな色使いです。シンプルな1カラムのレイアウトで、左右にマ...
オレンジを使ったデザイン
-
「スタジオK」のホームページデザイン解説ベージュとホワイトのツートーンのバックの中央にジムの様子を紹介したスライドショーが再生され、その上にはオレンジの明朝体で力強くキャッチコピーが配置されています。スタジオのロゴをメインカラーにした、明るく健康的なイメージの色使いです。トレーニ...
-
「株式会社大協薬品_新潟医療JOB」のホームページデザイン解説地域密着型の医療系求人検索サイトで、タイトルの両側には介護の風景を描いたイラストを配置し、親しみやすさを感じさせます。濃淡2色のオレンジをメインに、グリーンをアクセントカラーにした明るく目を引く色使いが特徴的です。新着求人情報の一覧はカルー...
-
「株式会社ニュータウンエステート」のホームページデザイン解説メインビジュアルはブルーのグラデーションを敷いた中央に検索ボックスを配置し、背景に街並みのシルエットと家族のイラスト、新潟県のシルエットを配置しています。くすんだブルーにオレンジがアクセントカラーになったポップな色使いで、コンテンツの各所に...
フラットなホームページのデザイン
-
「FabCafe」のホームページデザイン解説世界中に拠点を持つクリエイティブコミュニティのサイトで、ヘッダーにはタイトルロゴの横に拠点の地名が書かれ、言語切り替えのボタンから5か国語の表記へ切り替えることができます。メインビジュアルは写真とテキストを組み合わせたスライドショーになって...
-
「近江ちゃんぽん亭」のホームページデザイン解説ページのタイトル部分にはYoutubeの動画が埋め込まれており、サイトにアクセスすると同時に再生されます。コンテンツはタイル状のレイアウトで配置されており、メニュー情報と店舗情報のタイトルには背後に画像を配置して視差効果も取り入れています。...
-
「salon de You_vary clue」のホームページデザイン解説メインビジュアルはサロンの外装・内装・施術のシーンの3枚の画像で構成されたスライドショーで、重ねて配置したキャッチコピーは下に帯を敷いて目立たせています。下層ページも同様のレイアウトで、背後は横長にトリミングした1枚の写真をページの内容に合...
