works-detail-image

水道管理会社のコーポレートサイト

2025.08

OVERVIEW

上下水道の維持管理を行う企業のコーポレートサイトを制作しました。
地域インフラを支える信頼感と、企業としての親しみやすさを両立できるよう、クリーンでシンプルなデザインを心がけています。

また、水道を想起させる“水面模様”を各所に取り入れ、業種の特色を視覚的にも表現しました。
構成は「事業内容」「会社概要」「採用情報」「お問い合わせ」などに絞り、迷わず目的の情報へたどり着ける導線設計を意識しています。

本サイトは集客や問い合わせ獲得だけでなく、採用活動でも成果が出せる構成を目指しました。
フォントは和文2種を使用しており、やや重くなりがちな分、画像を極力軽量化するなどの工夫で表示スピードを担保しています。


デザイン制作は、ワイヤーフレームの作成から担当しました。CSS設計にはFLOCSS+BEMのカスタムを採用し、SCSSで記述、Viteでビルド。JavaScriptはバニラJSを使用。

制作期間:約1ヶ月

水道管理会社のコーポレートサイト

SCOPE

ワイヤーフレーム考案 / デザイン制作 / HTML&CSSコーディング / JSコーディング / 本番アップ

TOOLS

Figma / Illustrator / vite

Preview Image 1
Preview Image 2