企業の不動産事業を紹介するランディングページです。シンプルながらも企業イメージに合わせた落ち着いた配色で、情報を順序立てて伝えられる構成にしました。アニメーションやモーダルウィンドウなど、動きのある要素も取り入れて、視覚的に退屈させないよう工夫しています。

---

フロントエンド：HTML / CSS（Flexbox、Grid） / JavaScript（ハンバーガーメニュー、モーダル機能）

デザイン参照：Figma

デプロイ：GitHub Pages

バージョン管理：GitHub

---

工夫した点：

• ハンバーガーメニュー実装：スマホ画面で開閉できるナビゲーションをJavaScriptで実装し、ユーザー操作性を向上
• 画像モーダル機能：施工事例セクションの画像をクリックするとモーダルで拡大表示されるギャラリー仕様に
• レスポンシブ対応：スマホ、タブレット、PC各画面幅でレイアウトが崩れないよう、Flexbox・Grid・メディアクエリで細かく調整
• 余白と視線誘導：各セクション間に十分な余白を設け、情報の区切りが視覚的にわかりやすい構成に
• シンプルで信頼感のある配色設計：白背景＋ネイビー系アクセントカラーで信頼感と清潔感を演出
• ローディングアニメーション：ファーストビューでロゴとテキストにフェードインアニメーションを追加し、ユーザーの印象に残る導入に
• コーディング時のBEM風クラス設計：読みやすく、拡張性を意識したCSS設計を心がけた