製鉄会社呉マテリアル株式会社（架空）

• 製作期間：1週間
• 担当領域：ディレクション・デザイン・コーディング
• 使用ソフト：vscode・adobexd
• サイトurl : https://sample01.monster/sample03/
• basic認証をしています。IDはsample、passはtestです。

背景

呉市に所在すると仮定した製鉄会社のwebサイトです。近年の呉市の製鉄業界は下火の傾向ですが、ものづくりに力を入れる製鉄会社を仮想にディレクションからデザイン・コーディングまで製作しました。

主な目的としてステークホルダーへ企業理念の認知の向上や採用促進を目的としています。

構成

メインビジュアルを全体表示するのではなく、空間を持たせキャッチコピーと競合しないようにややバックグランドカラーで薄く黒を重ねました。作業員の姿と企業カラーとキャッチコピーを合わせてファーストインプレッションにどのような企業か一目でわかるように工夫しました。

スクロールに合わせてアニメーションが発動し、アクティブな印象を与えるようなトリガーをいくつも設けました。多くの画像を使用しているので、容量を圧迫しないように圧縮をしているので、サイト全体が非常に軽量です。

企業について・事業内容紹介・設備紹介・製品紹介・採用情報などの閲覧者が知りたいであろう情報を網羅的に掲載しサイト全体の回遊性を高めました。

全体