サイトを開くと画面いっぱいにスライドショーが表示され、中央に太い明朝体で力強くキャッチコピーが配置されています。くすんだネイビーとホワイトの背景が交互に入れ替わる色使いで、フラットなデザインの中に見出しの下にラインを引く、カラムの左上にホワイトのラインとブルーのベタを添える、タイトルの背後に英語のテキストを敷くなどしてアクセントにしています。ファーストビューから画面をスクロールすると画面左からハンバーガーメニューとお問い合わせのボタンがスライドインします。下層ページはコンテンツの内容に合わせてタイトル部分の背後に写真を配置しています。
執筆者
カテゴリ
基本情報
不動産会社・ハウスメーカーに関連するデザイン
-
「株式会社ヘルシー不動産」のホームページデザイン解説鮮やかなブルーをバックに、ポップなイラストが次々と流れるスライドショーが目を引くファーストビューです。鮮やかなブルーを中心としたカラフルな色使いで、物件検索のコンテンツは検索内容ごとにアイソメトリクスのイラストアイコンを使ったり、フッターに...
-
「株式会社フラワーホーム」のホームページデザイン解説メインビジュアルは数枚の写真が次々入れ替わるスライドショーで、中央に太目のフォントで縦書きで配置されたキャッチコピーは素朴さを感じさせる味わいがあります。導入部分はメインビジュアルにずらして重ねて画面に奥行きを出しています。淡いグレーを背景...
-
「株式会社能建」のホームページデザイン解説メインビジュアルのスライドショーは、1枚目に熊と家のイラストを使って親しみやすさを感じさせ、2枚目はチラシ風なポップな雰囲気、3枚目以降はモノトーンで雑誌風とテイストを切り替えています。リンクボタンと背景にタイルやコンクリート風のテクスチャ...
コーポレートサイトに関連するデザイン
-
「小島屋乳業製菓株式会社」のホームページデザイン解説ファーストビューでは画面幅いっぱいのスライドショーの下にナビゲーションメニューが表示されます。主力商品を紹介するビジュアルが次々と表示され、閲覧者の興味を惹きつけます。さわやかなブルーをアクセントカラーにしたシンプルな1カラムのレイアウトで...
-
「株式会社内山産業」のホームページデザイン解説サイトを開くと4枚の画像で構成された横長のスライドショーが表示され、中央に重ねられたキャッチコピーはアンダーラインとチェックボックスを併用することでより説得力を増しています。企業ロゴのロゴをアクセントカラーにして、縦長の英語フォントでスタイ...
-
「今代司酒造株式会社」のホームページデザイン解説暗い工房内に鮮やかな藍色の暖簾が浮かび上がる写真が印象的なメインビジュアルです。一転して導入部分の写真は明るく温かみのある写真で構成され、その上には縦書きのキャッチコピーが黒の帯の上に配置されています。ブラックを背景にホワイトの明朝体でテキ...
ネイビーを使ったデザイン
-
「株式会社タケショー」のホームページデザイン解説ファーストビューでは4枚の写真で構成されたスライドショーで企業内の紹介をしており、左には縦書きでキャッチコピーを書いた背後にネイビーの帯が敷かれています。メインコンテンツのタイトルも縦書きで書かれており、英語のキャプションを組み合わせたもの...
-
「株式会社近藤商会」のホームページデザイン解説メインビジュアルは画面上部と右側にマージンを取って配置されており、それぞれナビゲーションメニューとリンクボタンが配置されています。導入部分ではイラストアイコンとシンプルなラインで描かれたアイソメトリックスのイラストを使って、サービスの魅力を...
-
「株式会社フロンティア」のホームページデザイン解説画像を斜めにカットしたメインビジュアルの中央にキャッチコピーを重ね、下部にコンテンツエリアをずらして重ねたスタイリッシュな印象のファーストビューです。くすんだネイビーをメインカラーにした落ち着いた色使いで、背景を斜めにカットしたり、ナビゲー...
かっこいいなホームページのデザイン
-
「コネクテックジャパン株式会社」のホームページデザイン解説鮮やかなレッドを背景にした、葛飾北斎風のメインビジュアルが大きなインパクトを与えるファーストビューです。やや暗めのレッドをメインカラーに、半導体の拡大写真を多く取り入れつつ、コンテンツタイトルに明朝体を使い、和紙や籠目模様のテクスチャを背景...
-
「イイヅカカズキ建築事務所」のホームページデザイン解説サイトを開くと画面いっぱいに建物外観と親子の暮らしの様子がムービーで紹介され、中央からやや左に寄せて太字の英語フォントでキャッチコピーが重ねられた、スタイリッシュな印象のファーストビューです。レイアウトはグリッドを意識しないフリーなレイアウ...
-
「マクドナルドフランチャイジー 株式会社豊昇」のホームページデザイン解説サイトを開くと角を丸くトリミングしたスライドショーが表示され、中央に力強いブロック体と、手書き風のフォントでそれぞれキャチコピーが重ねられています。スライドショーの下には鮮やかなイエローの帯が重ねられ、新着情報が表示されています。鮮やかなイ...
