Web制作会社コーポレーションサイト
課題・背景
実務を想定し、4日間という締切を自分で設けて制作した。Adobe XDカンプからのコーディングで、どのデバイスサイズでもレイアウトが崩れないレスポンシブ対応が最大の課題だった。
設計・実装のポイント
Adobe XDカンプをもとにSCSSで構造化しながら実装。Swiper.jsでトップのスライドショーを実装し、スムーズスクロールアニメーションも追加。ピクセルパーフェクトを意識しながら、全デバイス幅でレイアウトが崩れないよう細かなブレークポイント調整を重ねた。
振り返り・学び
4日間という制約を設けたことで、機能の優先順位を決めて動く習慣が身についた。レスポンシブ対応の難所を実際に乗り越えたことで、フレキシブルなレイアウト設計の考え方が定着した案件だった。
Basic認証 ID: matsutake2929 / PW: matsutake2929