架空土木建築会社

OVERVIEW

Photoshopデザインカンプからのコーディングしました。

●Basic認証

ユーザー名、パスワード:testplay


●製作期間

約7日


●実装したこと

1, ファーストビューアニメーションは3枚の画像を切り替わるようにしました。

2, ファーストビューが半分見えなくなった後、ヘッダーが追随するようにしました。

3, ナビゲーションは「どこの章に表示しているのか」をオレンジ色の下線で分かるようにしました。また、ふわっと移動するようにしました。

4, ローディングアニメーションを追加しました。

5, スクロールアニメーションを追加しました。


●工夫点

1, 平行四辺形や背景のグラデーションはCSSでコーディングしました。

2, 画面サイズが350px ~ 2100pxでは文章の改行が不自然、配置が崩れているといったことをなくしました。



WEBSITE