土木会社のホームページ(架空)

OVERVIEW

Photoshopデザインカンプからのコーディング

YEAR 2022

※BASIC認証をかけています。(ユーザー名:rentri、パス:rentri1@)

このページについての実施内容、こだわりポイントは下記の通りです。

・XDデザインカンプからのコーディング

・ページ形態はランディングページ(全1ページ)

・ファーストビューにはCSSアニメーションで画像切り替え

・各要素にAos.jsを使用して全体的に動きを付与

・BEMを用いたCSS設計により保守性の高いコーディング

・デスクトップ、タブレット、モバイルそれぞれの画面幅によって表示を切り替え

トップページ(PC版)

トップページ(スマホ版)


WEBSITE