メインビジュアルは建物の外観写真と室内の家族風景をまとめた横長のスライドショーで、穏やかな空気感と内装の美しさをまずユーザーに与えます。画面をスクロールすると導入部分のコピーには手書き風の家族のイラストが添えられており、温かみを感じさせます。施工事例の一覧は背景にぼかした内装写真を敷いており、スクロールすると視差効果で背景が切り替わる構成です。全体的に柔らかい色使いの中で、ラインナップ紹介や資料請求の鮮やかなオレンジのバックが目を引きます。下層ページは帯状にトリミングした写真に、細いラインで囲んだ見出しとキャプションをずらして重ねています。
執筆者
カテゴリ
基本情報
工務店に関連するデザイン
-
「株式会社 住まいDesign_すまいるーふ」のホームページデザイン解説メインビジュアルは横長の画像で構成されたスライドショーで、エリアの左にキャッチコピーが固定された背後を画像が次々入れ替わる構成です。モノトーンと淡いグレーを中心とした落ち着いた色使いの中に、鮮やかなグラデーションを使った大きなリンクバナーが...
-
「有限会社 佐久間商店」のホームページデザイン解説都市の中に広がる自然公園と虹を組み合わせたビジュアルに、力強くキャッチコピーを重ねたビジュアルがぱっと目を引きます。サービス紹介では広告バナーのようにデザインされたサムネイルが並ぶ一方で、施工事例や新着情報はシンプルなあしらいとなっています...
-
「有限会社 神田板金」のホームページデザイン解説メインビジュアルに当たるスライドショーはキャッチコピーとキャプションがエリアの左側に固定され、その下を写真がスライドして変化をつける構成で、写真の鮮やかな青空がシンプルな色使いのページの中に映えます。シンプルな1カラムのレイアウトで、サービ...
コーポレートサイトに関連するデザイン
-
「小島屋乳業製菓株式会社」のホームページデザイン解説ファーストビューでは画面幅いっぱいのスライドショーの下にナビゲーションメニューが表示されます。主力商品を紹介するビジュアルが次々と表示され、閲覧者の興味を惹きつけます。さわやかなブルーをアクセントカラーにしたシンプルな1カラムのレイアウトで...
-
「クイーンビーキャピタル株式会社（QBC）」のホームページデザイン解説メインビジュアルはダークグリーンの背景の上に六角形のドットで世界地図が描かれ、その中央にイエローとホワイトの英語フォントでキャチコピーが重ねられています。メインビジュアルの下に重ねて配置したナビゲーションメニューは、画面をスクロールすると左...
-
「今代司酒造株式会社」のホームページデザイン解説暗い工房内に鮮やかな藍色の暖簾が浮かび上がる写真が印象的なメインビジュアルです。一転して導入部分の写真は明るく温かみのある写真で構成され、その上には縦書きのキャッチコピーが黒の帯の上に配置されています。ブラックを背景にホワイトの明朝体でテキ...
オレンジを使ったデザイン
-
「株式会社 タナカ金型」のホームページデザイン解説サイトを開くとまずスライドショーが表示され、金属加工のクローズアップ写真の上に2色のテキストで書かれたキャッチコピーを乗せて力強い印象をまず与えます。企業ロゴのオレンジをメインカラーにした鮮やかな色使いで、グリッドのテクスチャやグラデーショ...
-
「社会福祉法人恵心福祉会 めばえのにわ保育園」のホームページデザイン解説サイトを開くとまず画面中央に小さな双葉のイラストが現れ、画面が切り替わると画面上部に敷かれた鮮やかな水彩風のテクスチャと、流体シェイプの形にトリミングされたスライドショーで園児たちの楽しそうな様子が目に入ります。くすんだオレンジとグレーを中...
-
「スタジオK」のホームページデザイン解説ベージュとホワイトのツートーンのバックの中央にジムの様子を紹介したスライドショーが再生され、その上にはオレンジの明朝体で力強くキャッチコピーが配置されています。スタジオのロゴをメインカラーにした、明るく健康的なイメージの色使いです。トレーニ...
シンプルなホームページのデザイン
-
「医療法人社団 恵友会 三恵病院」のホームページデザイン解説メインビジュアルはコンパクトな形にまとめられた楕円形のスライドショーで、その右には診療案内が簡潔にまとめられており、下のナビゲーションメニューと3種のご案内へのリンクが画面全体に収まることで、病院の概要が一目でわかるように構成されています。...
-
「sanjoy!まちなか情報局」のホームページデザイン解説タイル状に組み合わせたマルシェの様子の写真の中央に角丸長方形を配置し、その上にイベントロゴを配置したにぎやかな印象のファーストビューです。メインエリアは2カラムのレイアウトで、グリーンとグレーを中心とした色使いに、キャプションには記事のカテ...
-
「株式会社ジャスト_J-Scan」のホームページデザイン解説サイトを開くと画面中央にムービーが再生され、その上に半透明のブラックのベタが重ねられ、中央に太字のキャッチコピーとサービスのロゴが重ねられています。実写映像と3DCGを組み合わせた動画は迫力があり、技術力の高さを感じさせます。コンテンツはネ...
