No.073 ダイダン株式会社

No.073 ダイダン株式会社

No.073 ダイダン株式会社 | Webサイト100選

ダイダン株式会社

本社を大阪に置く電気設備工事業者、ダイダン株式会社のWebサイト。

ファーストビューの印象

大きく映し出された建築物や建材、そして「建物のいのちをつくる」というキャッチフレーズから、仕事のスケールの大きさを感じさせるファーストビュー。

レイアウト

シングルカラム

レスポンシブ対応

あり

ブレイクポイント:480px,600px,768px,782px,800px,840px,860px,900px,910px,980px,1000px,1050px,1060px,1100px,1140px

フォント

見出し:Oswald
本文:Noto Sans JP

メニュー

PC:ナビゲーションバー
SP:ハンバーガーメニュー

カラー

ベースカラー:#FFFFFF ホワイト
メインカラー:#0068B7 ブルー
#009CCB ターコイズブルー
上記2種のブルーおよび、それぞれホワイトとのグラデーションで構成されていると思われる。

感想、参考になった部分

ロゴと同じ色を含めた2種のブルー、ホワイトとのグラデーションの組み合わせで、うまくメリハリをつけている。
BtoBを対象としたサイトであるため、上記カラーリングとシャープなデザインで、カチッとした印象、信頼感、素早い印象を演出している。

ボタン部分にはシャドーを入れ、じんわり光るような立体感を出している。

見出しの位置は統一されていないが、視線を意識した作りになっている。
例えば下記の部分では、スクロールとともに左から右下、下へと視線を移動できるような配置である。

 

 

 

 

No.073 ダイダン株式会社 | Webサイト100選

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です