水道管理会社のコーポレートサイト
2025.08
OVERVIEW
上下水道の維持管理を行う企業のコーポレートサイトを制作しました。
地域インフラを支える信頼感と、企業としての親しみやすさを両立できるよう、クリーンでシンプルなデザインを心がけています。
また、水道を想起させる“水面模様”を各所に取り入れ、業種の特色を視覚的にも表現しました。
構成は「事業内容」「会社概要」「採用情報」「お問い合わせ」などに絞り、迷わず目的の情報へたどり着ける導線設計を意識しています。
本サイトは集客や問い合わせ獲得だけでなく、採用活動でも成果が出せる構成を目指しました。
フォントは和文2種を使用しており、やや重くなりがちな分、画像を極力軽量化するなどの工夫で表示スピードを担保しています。
デザイン制作は、ワイヤーフレームの作成から担当しました。CSS設計にはFLOCSS+BEMのカスタムを採用し、SCSSで記述、Viteでビルド。JavaScriptはバニラJSを使用。
制作期間:約1ヶ月
水道管理会社のコーポレートサイト
SCOPE
ワイヤーフレーム考案 / デザイン制作 / HTML&CSSコーディング / JSコーディング / 本番アップ
TOOLS
Figma / Illustrator / vite