架空の工務店サイト

目的

デザインカンプをもとに、架空の工務店サイトを制作しました。レスポンシブ対応やデバイスごとのナビゲーション切り替えなど、実務を意識した実装を行いました。

工夫した点

1920px以上の大型モニター表示での余白バランスやレイアウト崩れを意識し、max-widthの調整や中央寄せレイアウトにより、見た目の安定感を保つ実装を行いました。

技術面

• ・モーダル表示時のスクロール固定処理
• ・ローディングアニメーションの実装
• ・jQueryを用いたフォームのバリデーション制御
• ・デバイス別のドロップダウンメニュー挙動切り替え