| 担当範囲 | コーディング |
|---|---|
| 技術的な工夫 | ・ デザインカンプの再現 余白、文字サイズ、画像比率、パーツの配置を確認し、カンプとの差異が少なくなるよう実装しました。 ・ JavaScriptによるUI実装 Swiperを使用したスライダーのほか、モーダル、タブ切り替え、文字アニメーション、無限スクロールを実装しました。 ・ レスポンシブ対応 スマートフォン、タブレット、PCで表示確認を行い、各画面幅で情報が読みやすく、操作しやすいよう調整しました。 ・ パフォーマンスと画像最適化 画像圧縮、width / height 属性の設定、loading="lazy" の活用により、読み込み速度に配慮しました。 |
| サイトURL | https://staging.ikki-studio.com |
| 制作時間 | 1週間 |
| 使用ツール | HTML / Sass（SCSS） / JavaScript / Swiper / VSCode |
