ブルーのベタの中に大きく配置された検索ボックスと大きなルーペのイラストがページを開くと真っ先に目に入り、メインビジュアルの役目も兼ねています。トップページはブルーとグレーの濃淡のみで全体の色味をまとめたデザインですが、角丸長方形やイラストを多用したボックスレイアウトが堅苦しさを感じさせません。下層ページはトップページと雰囲気を変えるために白とグレーの背景色でコンテンツを区切っています。エリアガイドのGoogle Mapも色使いをサイトに合わせることで、ページ内に溶け込ませています。
執筆者
カテゴリ
基本情報
不動産会社・ハウスメーカーに関連するデザイン
-
「株式会社ヘルシー不動産」のホームページデザイン解説鮮やかなブルーをバックに、ポップなイラストが次々と流れるスライドショーが目を引くファーストビューです。鮮やかなブルーを中心としたカラフルな色使いで、物件検索のコンテンツは検索内容ごとにアイソメトリクスのイラストアイコンを使ったり、フッターに...
-
「株式会社フラワーホーム」のホームページデザイン解説メインビジュアルは数枚の写真が次々入れ替わるスライドショーで、中央に太目のフォントで縦書きで配置されたキャッチコピーは素朴さを感じさせる味わいがあります。導入部分はメインビジュアルにずらして重ねて画面に奥行きを出しています。淡いグレーを背景...
-
「株式会社能建」のホームページデザイン解説メインビジュアルのスライドショーは、1枚目に熊と家のイラストを使って親しみやすさを感じさせ、2枚目はチラシ風なポップな雰囲気、3枚目以降はモノトーンで雑誌風とテイストを切り替えています。リンクボタンと背景にタイルやコンクリート風のテクスチャ...
Webサービスに関連するデザイン
-
「everyday icons」のホームページデザイン解説全体としては白を基調としたシンプルなデザインのホームページです。トップページ上部にはグローバルナビゲーションのボタンと検索ボタンが設置されています。ファーストビュー画像下にはどのようなサービスを取り扱うサイトなのか、アイコンのイラストともに...
-
「オレンジページnet」のホームページデザイン解説ホワイトをベースに、オレンジとブラウンをアクセントにしたサイトです。ファーストビューでは、料理のレシピやイベントレポートを紹介しています。グローバルナビにて「料理の基本」や「料理の前段階での準備」、人気のレシピランキングなどを案内しています...
-
「ここカラダ」のホームページデザイン解説サイトを構成する要素のカラーをまとめることで統一感のある印象を作り上げています。またグリーン系のカラーで統一することで、「病院検索」という提供するサービスのイメージにマッチしたナチュラルな雰囲気を演出しています。「地域から探す」「検査コース...
ブルーを使ったデザイン
- 「株式会社ヘルシー不動産」のホームページデザイン解説
鮮やかなブルーをバックに、ポップなイラストが次々と流れるスライドショーが目を引くファーストビューです。鮮やかなブルーを中心としたカラフルな色使いで、物件検索のコンテンツは検索内容ごとにアイソメトリクスのイラストアイコンを使ったり、フッターに...
-
「株式会社 ティ･エス･ケイ」のホームページデザイン解説メインビジュアルはぼかした苔を虫眼鏡で覗くとクロアリの顔がアップで映るユニークな構成で、虫眼鏡を中心としたメーカーであることが一目でわかるようになっています。グレーとくすんだネイビーをメインカラーにした落ち着いた色使いで、背景はホワイト1色...
-
「株式会社ジャスト_J-Scan」のホームページデザイン解説サイトを開くと画面中央にムービーが再生され、その上に半透明のブラックのベタが重ねられ、中央に太字のキャッチコピーとサービスのロゴが重ねられています。実写映像と3DCGを組み合わせた動画は迫力があり、技術力の高さを感じさせます。コンテンツはネ...
かっこいいなホームページのデザイン
-
「コネクテックジャパン株式会社」のホームページデザイン解説鮮やかなレッドを背景にした、葛飾北斎風のメインビジュアルが大きなインパクトを与えるファーストビューです。やや暗めのレッドをメインカラーに、半導体の拡大写真を多く取り入れつつ、コンテンツタイトルに明朝体を使い、和紙や籠目模様のテクスチャを背景...
-
「イイヅカカズキ建築事務所」のホームページデザイン解説サイトを開くと画面いっぱいに建物外観と親子の暮らしの様子がムービーで紹介され、中央からやや左に寄せて太字の英語フォントでキャッチコピーが重ねられた、スタイリッシュな印象のファーストビューです。レイアウトはグリッドを意識しないフリーなレイアウ...
-
「マクドナルドフランチャイジー 株式会社豊昇」のホームページデザイン解説サイトを開くと角を丸くトリミングしたスライドショーが表示され、中央に力強いブロック体と、手書き風のフォントでそれぞれキャチコピーが重ねられています。スライドショーの下には鮮やかなイエローの帯が重ねられ、新着情報が表示されています。鮮やかなイ...
