建設・土木・電気設備工事のおしゃれなウェブサイトデザイン｜制作者が分かるサイトだけ11件【2026年9月調査】

編集部が見たところ

画面を斜めに割って、左が群青、右が朱色から橙へ流れるグラデーションです。
写真は中央に1枚だけ、ヘルメットの後ろ姿とビル街をぼかして置いています。

「可能性を実現する、技術と人。
」が白の明朝で2行。
左上に小さく「Eternal Quality for Your Dream」。

右に「MATSUO 110th Anniversary」。
ゼネコンのサイトですが、建物も現場も出てきません。
この11件で、施工中の場面を1つも見せていないのはここだけです。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

編集部が見たところ

ヘルメットの作業員2人を横から寄りで撮った映像です。
手前の人はぼけ、奥の人の目だけにピントが合っています。

左下に「ヒトがいるから、シンカがある。
」が白の太ゴシックで2行。
横に小さく「SHINKA STARTS WITH PEOPLE.」。

右上に「口コミサイト」と「採用情報」の2つ。
工事会社のサイトで、最初の画面の主なボタンが採用と口コミです。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

編集部が見たところ

青一色の地に、社員の写真を10枚ほど、斜めに傾けて奥から手前へ流しています。
電話をかける人、打ち合わせ、工場の点検。

「Borderless Spiral Solutions.」が白の太ゴシックで2行、Borderlessだけが薄い青で沈んでいます。

下に「電気、システム、人の可能性。
」。
卸売の会社ですが、商品は1つも写っていません。
写っているのは全部、人です。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

編集部が見たところ

黒地に、金属の筒を斜めに寄せた映像。
製品のCoolLaserという装置を、輪郭とロゴだけ見せています。
全体がモノクロです。

中央に「CoolLaserで、インフラメンテナンスに革命を。
」が白で2行。
文字は装置の上に重なり、一部が金属の反射に溶けています。

メニューは「CoolLaser」「SOSEI」「ABOUT US」「RECRUIT」「IR」。
製品名が最初の項目で、会社案内は3番目です。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

編集部が見たところ

白地に黄色の大きな円を1つ。
その前に、青い作業服と水色のヘルメットの作業員が1人、安全帯を着けて立っています。

「TOKACHI LIGHT.」が黒の極太で画面幅いっぱい。
右に縦書きで「十勝を照らす、人になれ。
」。
黄色い円が照明で、その前に立つ人を照らしている構図です。

左に「50TH 音更電設」の周年ロゴ。
右下にレコード盤のような「THE SPOT LIGHT!」。
メニューが左下に縦書きで4項目、うち1つが「採用について」。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

編集部が見たところ

薄い水色の地の中央に、工場を歩く作業員2人の縦長写真。
その写真を、水色の輪が斜めに1周しています。

左に「暮らしは、技術が支えている。
」が黒の太ゴシックで2行。
下に「大坪電気は、電気・空調・給排水設備などの、専門性と技術力に特化した、施工管理のプロフェッショナル集団です。
」

メニューは右に縦積みの角丸ボタンで6項目。
右上の「採用情報」だけが青い面です。
左右にぼかしたイラストが浮いています。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

編集部が見たところ

夕方の川辺で、ダクトを肩に担いだ作業員が1人、街のほうを向いて立っています。
松江の宍道湖のような風景です。

「CREATE GOOD AIR」が白の極太で2行、あいだに「いい空気を創る」。
同じ言葉が輪郭線だけで左右に何度も繰り返されています。

ダクト工事という説明しにくい仕事を、「いい空気」という言葉と、ダクトを担いだ人の絵で見せています。
右下に円形の「SCROLL DOWN」。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

編集部が見たところ

画面を左右に割って、左が米子駅の連動制御盤の寄り、右が線路を歩く作業員の後ろ姿です。
機械と人を並べています。

左下に「『あした』をつなぐ。
『ともに』つなぐ。
」が白の太ゴシックで2行、下に「ー 西には、私たちがいる ー」。

右上に赤い動画ボタンと青い「採用情報」。
左下に「03 / 04」のスライド表示。
鉄道の裏方の仕事を、制御盤の実物で見せています。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

編集部が見たところ

左に、ヘルメットの社員を横から撮った写真。
右に、施工した善光寺の建物の写真。
人と建物を左右に並べ、下半分を紺の面でつないでいます。

「至誠のこころで 未来をつくる。
」が白の明朝で縦書き3行。
左端に小さく「Town Planning & Living Environment」。

右の写真に「善光寺大勧進 蓮の家」と施工名が入っています。
この11件で、最初の画面に施工実績を名前つきで出しているのはここだけです。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

編集部が見たところ

海の上で浚渫作業中の作業船を、空から撮った映像です。
黄色いクレーンと「浚渫作業中」の垂れ幕が読めます。

「Pioneering next generation.」が白の細字で2行、下に「海と陸へ、次代をひらく。
」。

メニューに「作業船紹介」があります。
この11件で、自社の船を紹介する項目を持っているのはここだけです。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。

編集部が見たところ

山あいのダム湖を空から撮った写真が全面です。
建物も重機も人も写っていません。
緑の山と青緑の水面だけです。

左下に「CREATE LOCAL」が白の極太で2行、下に「地域の明日をつくる。
」。

メニューが「わたしたちのこと」「湯浅建設のシゴト」「地域への貢献活動」「魚梁瀬のこと」。
地名の「魚梁瀬」が1項目を占めています。
右上の「お問い合わせ」は黄色。

※ 画面を見て編集部が書いた感想です。
制作者や掲載企業の見解ではありません。