Green Energy

実装内容

• WordPress独自テーマの開発

  • ニュースやインタビュー記事など、更新頻度の高いコンテンツを想定し、WordPressで独自テーマを開発。
  • 更新性が伴う内容は運用担当者の更新負荷を最小限に抑えることも考え、カスタム投稿タイプとカスタムフィールドを活用した設計を行なった。

• コードの品質と保守性への取り組み

  • Sassによるコンポーネント単位でのファイル分割を採用し、再利用性と保守性を向上。
  • FLOCSSの設計思想を取り入れ、予測・拡張可能なCSS設計を行なった。

• インタラクティブ要素の実装

  • ファーストビューでは、企業メッセージを印象的に伝えるため、GSAPを使用したテキストフェードインアニメーションを実装した。
  • ユーザーアクションに対するインタラクティブな体験を提供するひとつとして、フェードインアニメーションを実装した。