| プロジェクト種別 | スクール課題（デザインカンプからの自主実装） |
|---|---|
| 制作の目的 | 提供されたデザインカンプをもとに、ビジネス向けLPをコーディングしました。 タブ切り替え、アコーディオン、Swiper、GSAPアニメーションなど、動きのあるUI実装に取り組んでいます。 |
| 担当範囲 | ・ HTML / Sass（SCSS） / jQueryによる静的コーディング ・ レスポンシブ対応 ・ Swiperを使用したスライダー実装 ・ タブ切り替え実装 ・ アコーディオン実装 ・ GSAPを使用したアニメーション実装 |
| 技術的な工夫 | ・ タブ切り替えの実装 会社概要エリアで、選択したタブに応じて表示内容が切り替わるUIを実装しました。 ・ JavaScriptによるUI実装 Swiperによるスライダー、アコーディオン、ハンバーガーメニューなど、LP内で必要な動きを実装しました。 ・ GSAPアニメーション GSAPを使用し、ヘッダーやメインビジュアル周りにアニメーションを追加しました。 ・ レスポンシブ対応 スマートフォン、タブレット、PCで表示確認を行い、各画面幅で情報が読みやすくなるよう調整しました。 |
| サイトURL | https://e-tiga.ikki-studio.com |
| 制作時間 | 92時間 |
| 使用ツール | HTML / Sass（SCSS） / jQuery / Swiper / GSAP / VSCode |
