ネイビーのベタとスライドショーをずらして重ねた上に、またがるようにキャッチコピーを配置したファーストビューです。シンプルな1カラムレイアウトに、タイトル部分のみブロークングリッドを取り入れており、かっちり感だけでなくスタイリッシュな印象も与えています。鮮やかなネイビーをメインにわずかにライトブルーを差し色に使った色使いは、マージンを多めに取ることで背景のホワイトを多く見せてすっきりした印象になっており、フッターのネイビーの帯が画面全体を引き締めています。タイトルや見出しには斜めの細いラインを背後にあしらい、電線のイメージを感じさせます。
執筆者
カテゴリ
基本情報
工務店に関連するデザイン
-
「株式会社 住まいDesign_すまいるーふ」のホームページデザイン解説メインビジュアルは横長の画像で構成されたスライドショーで、エリアの左にキャッチコピーが固定された背後を画像が次々入れ替わる構成です。モノトーンと淡いグレーを中心とした落ち着いた色使いの中に、鮮やかなグラデーションを使った大きなリンクバナーが...
-
「有限会社 佐久間商店」のホームページデザイン解説都市の中に広がる自然公園と虹を組み合わせたビジュアルに、力強くキャッチコピーを重ねたビジュアルがぱっと目を引きます。サービス紹介では広告バナーのようにデザインされたサムネイルが並ぶ一方で、施工事例や新着情報はシンプルなあしらいとなっています...
-
「株式会社 佐野工務店」のホームページデザイン解説メインビジュアルは建物の外観写真と室内の家族風景をまとめた横長のスライドショーで、穏やかな空気感と内装の美しさをまずユーザーに与えます。画面をスクロールすると導入部分のコピーには手書き風の家族のイラストが添えられており、温かみを感じさせます...
コーポレートサイトに関連するデザイン
-
「株式会社タケショー」のホームページデザイン解説ファーストビューでは4枚の写真で構成されたスライドショーで企業内の紹介をしており、左には縦書きでキャッチコピーを書いた背後にネイビーの帯が敷かれています。メインコンテンツのタイトルも縦書きで書かれており、英語のキャプションを組み合わせたもの...
-
「株式会社内山産業」のホームページデザイン解説サイトを開くと4枚の画像で構成された横長のスライドショーが表示され、中央に重ねられたキャッチコピーはアンダーラインとチェックボックスを併用することでより説得力を増しています。企業ロゴのロゴをアクセントカラーにして、縦長の英語フォントでスタイ...
-
「今代司酒造株式会社」のホームページデザイン解説暗い工房内に鮮やかな藍色の暖簾が浮かび上がる写真が印象的なメインビジュアルです。一転して導入部分の写真は明るく温かみのある写真で構成され、その上には縦書きのキャッチコピーが黒の帯の上に配置されています。ブラックを背景にホワイトの明朝体でテキ...
ネイビーを使ったデザイン
- 「株式会社タケショー」のホームページデザイン解説
ファーストビューでは4枚の写真で構成されたスライドショーで企業内の紹介をしており、左には縦書きでキャッチコピーを書いた背後にネイビーの帯が敷かれています。メインコンテンツのタイトルも縦書きで書かれており、英語のキャプションを組み合わせたもの...
-
「株式会社近藤商会」のホームページデザイン解説メインビジュアルは画面上部と右側にマージンを取って配置されており、それぞれナビゲーションメニューとリンクボタンが配置されています。導入部分ではイラストアイコンとシンプルなラインで描かれたアイソメトリックスのイラストを使って、サービスの魅力を...
-
「株式会社ジャスト」のホームページデザイン解説サイトを開くと画面いっぱいにスライドショーが表示され、中央に太い明朝体で力強くキャッチコピーが配置されています。くすんだネイビーとホワイトの背景が交互に入れ替わる色使いで、フラットなデザインの中に見出しの下にラインを引く、カラムの左上にホワ...
かっこいいなホームページのデザイン
-
「コネクテックジャパン株式会社」のホームページデザイン解説鮮やかなレッドを背景にした、葛飾北斎風のメインビジュアルが大きなインパクトを与えるファーストビューです。やや暗めのレッドをメインカラーに、半導体の拡大写真を多く取り入れつつ、コンテンツタイトルに明朝体を使い、和紙や籠目模様のテクスチャを背景...
-
「イイヅカカズキ建築事務所」のホームページデザイン解説サイトを開くと画面いっぱいに建物外観と親子の暮らしの様子がムービーで紹介され、中央からやや左に寄せて太字の英語フォントでキャッチコピーが重ねられた、スタイリッシュな印象のファーストビューです。レイアウトはグリッドを意識しないフリーなレイアウ...
-
「マクドナルドフランチャイジー 株式会社豊昇」のホームページデザイン解説サイトを開くと角を丸くトリミングしたスライドショーが表示され、中央に力強いブロック体と、手書き風のフォントでそれぞれキャチコピーが重ねられています。スライドショーの下には鮮やかなイエローの帯が重ねられ、新着情報が表示されています。鮮やかなイ...
