長岡電設様|西東京市の電気工事会社のロゴ&採用サイト制作

東京・西東京市に拠点を構え、都内・首都圏で電気工事を手がける長岡電設さんの採用サイト制作事例です。ロゴ制作から、採用サイトの設計・デザイン・実装まで一貫して担当しました。

まず、ロゴから作りました

「岡」の中をコンセントに置き換え、そこから伸びたコードが社名を囲む。電気工事という仕事を、説明せずに一目で伝えるロゴにしました。

サイトのキーワードは POWER. PEOPLE. CONNECTION.、キャッチコピーは「あなたの手がけた施工が、灯りと安心を繋ぐ。」。ロゴから伸びるコードの線は、そのままサイト全体の見出しをつなぐラインとしても使っています。

長岡電設のロゴアニメーション|ロゴ制作・ロゴアニメーション
ロゴアニメーション。コードが伸びて社名がつながります
長岡電設のロゴ展開一覧|西東京市の電気工事会社のロゴデザイン制作
横組み・モノグラム・アイコンまで展開。白背景と黒背景の両方を用意しました

電設会社らしい遊び心を

採用ページを見た人に「お、なんかこの会社おもしろそうだな」と思ってもらうこと。デザインの狙いはそこに置きました。電気屋さんなので、光と暗闇はいちばん似合うモチーフです。

メニューを開くと画面がすっと暗くなり、カーソルのまわりだけが照らされる。懐中電灯で現場を照らすような動きにしています。

暗転してスポットライトが当たるメニュー演出|電気工事会社らしいWebデザイン
メニューを開くと、暗闇を照らすように項目が浮かび上がります

Webの知識がなくても、社内で更新できること

この案件でいちばん優先したのはここです。管理画面は専門知識が一切いらない作りにして、「とりあえず文章を入れる」だけで更新が終わるところまで削ぎ落としました。画像を選んで、タイトルを書いて、本文を入れる。それだけです。

ご納品後、お客様にもここをいちばん気に入っていただいています。

WordPressの管理画面|専門知識なしで社内更新できる採用サイトの編集画面
管理画面。画像・タイトル・本文を入れるだけで更新できます

作って終わりではなく、育てていける構造に

採用活動は、最初から完成形を決めきれないことがほとんどです。募集する職種も、そのとき伝えたいことも、状況に応じて変わっていきます。

その前提を踏まえて、事業や採用方針の変化に合わせて中身を差し替え・追加していける構造にしました。公開して終わりではなく、運用しながら強くしていける採用サイトとして活用いただいています。

担当した範囲

ロゴ制作、ロゴアニメーション、サイト設計、Webデザイン、コーディング、WordPress構築、アニメーション、写真撮影と写真編集、原稿の作成と添削まで。ロゴから中身まで、すべてを担当しています。