ネイビーのベタとスライドショーをずらして重ねた上に、またがるようにキャッチコピーを配置したファーストビューです。シンプルな1カラムレイアウトに、タイトル部分のみブロークングリッドを取り入れており、かっちり感だけでなくスタイリッシュな印象も与えています。鮮やかなネイビーをメインにわずかにライトブルーを差し色に使った色使いは、マージンを多めに取ることで背景のホワイトを多く見せてすっきりした印象になっており、フッターのネイビーの帯が画面全体を引き締めています。タイトルや見出しには斜めの細いラインを背後にあしらい、電線のイメージを感じさせます。
執筆者
カテゴリ
基本情報
工務店に関連するデザイン
-
「株式会社ユタカ塗装」のホームページデザイン解説サイトを開くと画面いっぱいに外壁を塗装している写真が表示され、その上にキャッチコピーと、施工のビフォーアフターの写真がスナップ風に重ねられています。見積もりフォームの囲み部分やコンテンツの区切り部分にペイント風のブラシを採り入れたり、外壁風...
-
「東栄住宅設備株式会社」のホームページデザイン解説サイトを開くとリフォーム後の内装写真をタイル状に組み合わせた中に、グリーンのベタを組み込んでキャッチコピーを配置したさわやかなメインビジュアルが表示されます。ホワイトの背景に2色のグリーンをアクセントカラーにした色使いと、木目やペンキのテク...
-
「有限会社 一代工務店」のホームページデザイン解説半透明のオレンジを重ねた写真の中央に企業ロゴとキャッチコピーを重ねたビジュアルがぱっと目を引くファーストビューです。オレンジのアイコンやボタンをアクセントにした色使いで、背景にはグレーの角丸長方形と、写真にぼかしをかけたような淡いグラデーシ...
コーポレートサイトに関連するデザイン
-
「ツルタボルト株式会社」のホームページデザイン解説メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「健康コミュニケーションズ株式会社」のホームページデザイン解説メインビジュアルはインカムをつけて話す女性の写真にキャッチコピーを重ねたシンプルな構図です。オレンジをアクセントカラーにした色使いが白い背景に映え、健康的なイメージを感じさせるさわやかな色使いです。シンプルな1カラムのレイアウトで、左右にマ...
ネイビーを使ったデザイン
-
「小林研業株式会社」のホームページデザイン解説メインビジュアルに使われている研磨の様子をおさめた2枚の写真は全体的にダークな色調でまとめられており、重ねたホワイトのキャッチコピーが引き立ちます。コンテンツは写真を背景にブラックやダークネイビーのグラデーションを重ねた重厚感のある色使いで...
-
「株式会社 共栄鍛工所」のホームページデザイン解説メインビジュアルのスライドショーは写真の上に斜めにカットしたネイビーのベタを重ねており、その上に重ねた大きめのキャッチコピーが読みやすいだけでなくスタイリッシュな印象を与えます。ネイビーをメインにイエローをアクセントにしたコントラストの高い...
-
「キングファミリー」のホームページデザイン解説メインビジュアルは画面幅を3等分した画像に半透明の円形でタイトルを乗せたビジュアルで構成されており、それぞれマウスオーバーすると下からグラデーションがせり上がってきて、その上に説明文が表示される仕組みです。コンテンツの背後には古着の切り抜き...
かっこいいなホームページのデザイン
- 「ツルタボルト株式会社」のホームページデザイン解説
メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
- 「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説
メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「Free Space株式会社_SOURCE hair space」のホームページデザイン解説サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
