| 制作の目的 | デザインカンプをもとに、HTML / CSS / JavaScriptでレスポンシブコーディングを行いました。 SP版トップページのみカンプ提供だったので、下層ページはよしなに実装しています。 |
|---|---|
| 担当範囲 | - HTML設計 - CSS設計 - レスポンシブ対応 - GSAP ScrollTriggerによる文章静止 - Git/GitHubによるバージョン管理 |
| 技術的な工夫 | 工夫した点 - 保守しやすいようにセクション単位でCSSを整理 - SP / TB / PCで自然に見える余白設計 - 画像のalt属性や見出し階層を意識 - PCではカンプのスクロール演出を再現し、SPでは可読性・操作性を優先してpinを使わず軽量なパララックスへ変更 |
| サイトURL | https://terratalk.ikki-studio.com/ |
| 使用ツール | HTML / Sass（SCSS） / JavaScript / Swiper / GSAP / WordPress / VSCode |
