ポイント

架空の製造会社サイトをPhotoshopのデザインカンプからコーディングを行いました。
CSS実装では、ファーストビューアニメーションで、時間と共にトップ画像が変わるようになっており、また一定の位置に到達すると、ヘッダーが固定して現れる実装を施しました。
また、ローディングアニメーション、スクロールアニメーションを追加し、特定の場所に到達すると、メニューが今いる場所に応じて下線が引かれるような実装なども施しました。
三角形の背景は、複雑なCSSのskewを用いて実装しました。