SUGUTABE

実装内容

• レスポンシブデザインの最適化

  • スマートフォンからの閲覧が多いことを踏まえ、3カラムレイアウトでの実装を行なった。
  • ブレイクポイントを最小限に抑えることで、どのデバイスでも違和感のない表示を実現した。

• 効率的な開発フロー

  • Sassの変数・ミックスインを活用し、再利用性を向上を目指した。
  • コンポーネント単位でのスタイル管理により、修正・更新の効率化を行なった。

• ユーザー体験を考慮したアニメーション実装

  • スクロールスピードを考慮し、必要最小限のアニメーションに限定した。
  • パララックス効果とフッター手前でのテキストアニメーションにより、適度な遊び心を演出した。