ホワイトをベースにグリーンをアクセントにしたサイトです。ファーストビューには、西野建設工業の看板や工事現場で働く社員の姿が写っています。グローバルナビにて西野建設工業の会社情報、事業内容や施工事例などを案内しています。トップページの中央に、ニュース一覧を掲載しています。写真付きアイコンをクリックすると、公共の施工事例のページに移ります。カーソルをあてると、工事現場の画像がズームします。施工事例のページには工事名と竣工日、工事の詳細な情報を掲載しています。下層ページより、西野建設工業の採用情報を見ることができます。ホワイトの「採用募集中！」のバナーが貼ってあり、リクルートサイトにアクセスできます。
執筆者
カテゴリ
基本情報
工務店に関連するデザイン
-
「窓屋」のホームページデザイン解説トップページ中ほどに設置された「主なサービス内容」の項目には、それぞれのメニューに可愛らしいイラストが設置されていて、ユーザが楽しく閲覧できる設計が考えられています。ファーストビューの画像領域で切り替わる画像にもイラストが用いられていて遊び...
-
「三井のリフォーム」のホームページデザイン解説画面左側にサイトメニューがアイコンを用いて固定表示されていて、サイトの内容がわかりやすくスムーズなページ移行が可能となっています。右側のビジュアルエリアでは写真をメインに展開されていて、鮮やかなページが構成されています。リフォームガイドやコ...
-
「杉野工務店」のホームページデザイン解説コンパクトなファーストビュー画像領域ではオーバーラップで画像が切り替わる仕組みになっており、全体の背景にはグラデーションカラーを用いることでどちらも柔らかい雰囲気を演出する要素になっています。上部に設置されたナビゲーションメニューによってサ...
コーポレートサイトに関連するデザイン
-
「西山製麺 ドイツ法人」のホームページデザイン解説画面中央に大きく配置された企業ロゴと、暗がりの中から浮かび上がるように配置された麺の写真の組み合わせで、画面全体にまず重厚感を与えています。ブラックに近いダークグレーの背景に、麺の色を思わせるベージュのテキストが映え、見出しのアクセントに添...
-
「エッグフォワード」のホームページデザイン解説トップページは柔らかく明滅するオレンジのドットのアニメーションをバックに、グレーとオレンジのフォントで力強く書かれたメッセージと写真で構成されたスライドショーが目を引きます。グレーをベースに、オレンジをアクセントにした鮮やかな色使いですが、...
-
「STRIVE」のホームページデザイン解説サイトにアクセスするとまずブラックの背景の上を画面いっぱいに拡大した企業ロゴが走り、画面が反転するとロゴの一部がグラデーションになって背景に固定され、その上にキャッチコピーが重なるファーストビューです。ゆっくりと色が変わるグラデーションのラ...
グリーンを使ったデザイン
-
「健腸ナビ」のホームページデザイン解説画面左にタイトルと導入文、右側にスライドショーを配置したシンプルな構成ですが、自然光を感じる明るい色彩の写真を大きく使い、フォントの大小でコントラストをつけたコピーはマージンを大きく取ることで、フレッシュですっきりとした印象を感じさせます。...
-
「新つくば 茨城県つくばエクスプレス沿線移住情報サイト」のホームページデザイン解説角を丸くトリミングしたスライドショーの写真と、画面左のナビゲーション濃いグリーンがマッチして、一目でナチュラルで自然豊かなイメージを与えてくれるファーストビューです。シンプルにグリーンのラインを引いただけの見出しとマージンを大きく取ってすっ...
-
「wanna manna」のホームページデザイン解説画面右にナビゲーションメニューを配置し、中央に大きくスライドショーを配置したレイアウトで、次々に台湾料理の写真のアップが入れ替わる様子が食欲をそそります。コンテンツは濃いグリーンの明朝体のテキストを中心にした落ち着いた雰囲気で、料理紹介では...
堅め・信頼感なホームページのデザイン
-
「済生会横浜市東部病院」のホームページデザイン解説ホワイトに淡いブルーのグラデーションを組み合わせた背景の色使いが、医療機関らしい清潔さをまず感じさせます。メインビジュアルはブラックのフォントに手書きのブルーの文字を組み合わせ、グラデーションのボタンを組み合わせたさわやかなイメージの上に、...
-
「One Day Dental」のホームページデザイン解説サイトを開くとまず表示されるスライドショーは、ビジュアルの上に予算別のコースを表示して、治療にかかる大まかな金額を最初に表示することでユーザーの選択を促しています。ホワイトに濃いネイビーのコントラストの強さが、堅実さを清潔感を感じさせる色使...
-
「JAXA 有人宇宙技術部門」のホームページデザイン解説ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...
