ヘッダーに表示されたナビゲーションメニューには、「借りる」や「マンションを買う」などの項目がリンクボタンで設置されていて、サイトを開いてすぐに目に入る位置に各メニューが表示されていることでしっかりとユーザの操作性が考えられています。スクロールした先に現れる日本地図の表示には、各都道府県名のリンクボタンが設置されていて、目的の場所にある物件を探しやすい構成になっています。地図の横には「駅から探す」と「地域から探す」の表示があり、ボタンを切り替えることでスムーズに検索することができ、ユーザの利便性を考えた設計になっています。新着物件の表示にはサムネイル写真を用いており、全体を通して見やすい構成によって完成度の高いサイトに仕上がっています。
執筆者
カテゴリ
基本情報
不動産会社・ハウスメーカーに関連するデザイン
-
「有限会社スマイルクラブ」のホームページデザイン解説お洒落な内装の写真を画面いっぱいに表示し、その上に英語のフォントで大きくキャッチコピーを重ねた、スタイリッシュな印象のファーストビューです。コンセプト紹介では写真に視差効果を取り入れたり、画面スクロールとともにコンテンツが浮かび上がるなどの...
-
「協立不動産株式会社」のホームページデザイン解説メインビジュアルには奥行きのある街並みで、空の面積が広い構図の写真をチョイスし、キャッチコピーを大きく配置してインパクトのある画面を作っています。コンセプトの部分にはシンプルな線で描かれた街並みのイラストで親しみやすさを演出し、リンクボタン...
-
「株式会社協和住建」のホームページデザイン解説鮮やかな青空が広がる街並みの写真の上に、キャッチコピーを大きく配置しています。横1列に並んだ物件情報はカルーセルになっており、次々と物件が表示されていきます。鮮やかなオレンジをアクセントにした色使いで、コンテンツによってホワイト・グレー・オ...
サービスサイトに関連するデザイン
-
「株式会社大協薬品_新潟医療JOB」のホームページデザイン解説地域密着型の医療系求人検索サイトで、タイトルの両側には介護の風景を描いたイラストを配置し、親しみやすさを感じさせます。濃淡2色のオレンジをメインに、グリーンをアクセントカラーにした明るく目を引く色使いが特徴的です。新着求人情報の一覧はカルー...
-
「株式会社東名_オフィス光119」のホームページデザイン解説メインビジュアルは3枚の画像がカルーセルで次々切り替わります。ブルー系でまとめられたさわやかな色使いにイエローをアクセントに使い、導入部分は背後に鮮やかなグラデーションを敷き、プランの紹介は太いラインで囲んで月額料金を大きく表示した上に、使...
-
「salon de You_vary clue」のホームページデザイン解説メインビジュアルはサロンの外装・内装・施術のシーンの3枚の画像で構成されたスライドショーで、重ねて配置したキャッチコピーは下に帯を敷いて目立たせています。下層ページも同様のレイアウトで、背後は横長にトリミングした1枚の写真をページの内容に合...
ホワイトを使ったデザイン
-
「JEJアステージ株式会社_outre」のホームページデザイン解説スケートボードやサーフィンなどのアウトドアスポーツのアイテムを取り扱う企業のサイトで、サイトを開くと画面幅いっぱいにムービーが再生され、スケートボードの制作シーンや各スポーツのデモンストレーションが紹介されています。企業ロゴにも使われている...
-
「株式会社森山建設」のホームページデザイン解説サイトを開くと美しいインテリアの写真をまとめたスライドショーが表示され、その上に重ねられたキャッチコピーはシャドウをかけて読みやすくなるよう配慮がなされています。くすんだグリーンをアクセントカラーにした落ち着きのある色使いで、タイトルは細身...
-
「ビストロやま_ウェディングサイト」のホームページデザイン解説メインビジュアルは結婚式の写真を画面いっぱいに配置し、その上に帯を敷いてキャッチコピーを重ねています。コンテンツはホワイトとベージュの背景が交互に入れ替わり、シンプルな1カラムのレイアウトで、コンテンツの切り替え部分に写真の帯を配置し、お問...
鮮やか・元気なホームページのデザイン
-
「スタジオK」のホームページデザイン解説ベージュとホワイトのツートーンのバックの中央にジムの様子を紹介したスライドショーが再生され、その上にはオレンジの明朝体で力強くキャッチコピーが配置されています。スタジオのロゴをメインカラーにした、明るく健康的なイメージの色使いです。トレーニ...
-
「キングファミリー」のホームページデザイン解説メインビジュアルは画面幅を3等分した画像に半透明の円形でタイトルを乗せたビジュアルで構成されており、それぞれマウスオーバーすると下からグラデーションがせり上がってきて、その上に説明文が表示される仕組みです。コンテンツの背後には古着の切り抜き...
-
「熊本らーめん」のホームページデザイン解説サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックす...
