| プロジェクト種別 | スクール課題（実務想定チャレンジ） |
|---|---|
| 制作の目的 | 提供されたデザインカンプをもとに、企業の採用力向上を目的としたランディングページをコーディングしました。 実務レベルのスキルを証明するため、提出期限内でのデザイン再現・動的演出の実装・品質担保に重点を置き、ピクセルパーフェクトな精度を目指して制作しました。 |
| 担当範囲 | コーディング |
| 技術的な工夫 | ・スケジュール管理と工程設計 納期から逆算して作業工程を整理し、実務を想定した進行管理を実施 ・デザインの忠実な再現 余白・比率・フォントなどを細かく検証し、ピクセルパーフェクトを意識して実装 ・インタラクション実装 モーダル、タブ連動型スライダー、無限スクロール、文字アニメーションなど、動きのあるUIを複数実装 ・パフォーマンスと画像最適化 width / height / alt の適正設定、loading="lazy" の活用、画像の圧縮で読み込み速度を改善 ・基本的なアクセシビリティ対応 alt の適切な記述、見出し階層の整理など、実務で必須となる要点を押さえて実装 |
| サイトURL | https://staging.ikki-studio.com |
| 制作時間 | 1週間 |
| 使用ツール | VSCode / HTML / Sass(SCSS) / JavaScript / Swiper |
