| プロジェクト種別 | スクール課題(独力制作) |
|---|---|
| 制作の目的 | 学習した技術を統合し、与えられたデザインを正確に再現する技術力の向上を目的としました。ビジネス向けサイトのコーディングスキルを身につけ、GSAPを使ったアニメーション実装にも初挑戦することで、静的なデザインに動的な要素を加える経験を積みました。 |
| 担当範囲 | コーディング |
| 技術的な工夫 | ・デザインの忠実な再現 細部まで正確なピクセルパーフェクトなコーディング ・GSAPアニメーションの実装 ヘッダーナビゲーションの段階的表示、メインビジュアルの滑らかな登場演出でユーザーの視線誘導を実現 ・レスポンシブ対応 様々なデバイスでの表示を最適化 ・クリーンなコード記述 保守性を意識した構造化されたHTML/CSS |
| サイトURL | https://e-tiga.ikki-studio.com |
| 制作時間 | 92時間 |
| 使用ツール | VSCode / HTML / Sass(SCSS) / jQuery / GSAP |