土木会社サイト様（架空）

サイトについて

人々の生活基盤を支える架空の土木会社のサイトです。
資材を自社工場でも生産されており、社会基盤の構築・整備に貢献されています。

Photoshopのデザインカンプからのコーディングでしたので忠実に再現することを意識してコーディングいたしました。

ファーストビューアニメーションは３枚の写真をゆっくり切り替えるスタイル。ファーストビューの下までスクロールすると、ヘッダーが追従&色が変わるようにしたいとの仕様の希望がありましたので対応いたしました。

各ナビはスクロールアニメーションを設定し、現在見ている箇所のメニューの色が自動で変わるカレント機能を実装しました。

図形や背景など斜めの要素が多いですが極力CSSで実装し、文字数が変わったり、画像だと解像度の関係で荒くなったりすることへの対策をいたしました。

このサイトはポートフォリオとしての架空サイトの為、ベーシック認証(ID、パスワード)をかけています。
ID：user
PASS：pass1234
※検索結果に配慮してnoindexをかけています。