本文へ移動

WORK / CONCEPT WEBSITE

NEXA FIELD.

工事を相談したい企業と、働く場所を探す求職者。2つの訪問目的に応える、電気・設備工事会社を想定した自主制作デモサイトです。

電気・設備工事会社 × 採用 / 自主制作デモ

NEXA FIELD.の自主制作デモに用いたAI生成のコンセプト画像

PROJECT INFO

Webflow / 2026

企画・構成 / コピー / Webflow構築 / アニメーション / AI画像制作 / スマートフォン対応

デモサイトを見る(別タブ) ↗

技術の仕事を、伝わる形に。

想定した訪問者

対応できる工事や相談の進め方を知りたい企業担当者と、仕事内容や働く環境を確かめたい求職者を想定しました。

01 — 会社紹介と採用を、ひとつのサイトで。

事業内容、施工のコンセプト、工事の流れを順に紹介し、相談への導線を配置しました。採用の入口も用意し、会社を知る情報と働くイメージを同じサイトで確認できる構成にしています。

02 — 「何をしている会社か」を、写真と言葉で。

設備の写真と大きな見出しを組み合わせ、技術の仕事を印象に残る画面へ。施工コンセプトのカードから詳細を開けるようにし、概要を見てから関心のある内容を深く読める設計です。

03 — 採用では、仕事の一日を見せる。

仕事の流れや応募前に確認したい情報を掲載。抽象的な会社の魅力だけでなく、自分が働く場面を想像できる情報を見せることを意識しました。

04 — 動きの強さと、読みやすさを両立する。

文字の出現、写真のスクロール演出、カードの反応、流れる文字、詳細画面を組み合わせています。スマートフォンでは縦に読み進められる配置にし、動きを止める操作にも対応しました。

この制作例について

架空の企業を想定した制作例です。掲載画像・人物・施工内容は実際の顧客案件や社員、施工実績ではありません。相談画面は操作体験用で、入力情報を送信・保存しません。

制作実績一覧へ戻る ↗

LET’S MAKE IT CLEAR.

まだ、まとまっていなくても。

つくりたいサイトのこと、今のサイトで困っていること。目的やご予算を伺い、必要な内容を一緒に整理します。

ご相談について ↗