実績一覧に戻る Web・システム開発

自社コーポレートサイトリニューアル

Hugo + Bootstrap のレガシー構成から Astro + React + Tailwind CSS のモダン構成へ全面リニューアル。GSAP によるクリエイティブなアニメーション演出を実装。

Astro React Tailwind CSS GSAP TypeScript

背景

2019年の設立時に構築したコーポレートサイトは、Hugo + Bootstrap のテンプレートをベースにした構成でした。事業の拡大に伴い、経営コンサルティングやCFO・財務支援などの新サービスを適切に表現するため、フルリニューアルを実施。

ソリューション

技術スタック

  • フレームワーク: Astro（SSG）
  • UI: React（Islands Architecture）
  • スタイリング: Tailwind CSS
  • アニメーション: GSAP + ScrollTrigger
  • ホスティング: Netlify

特徴

  • 「クールな猫」をモチーフにしたクリエイティブなブランディングデザイン
  • ゼロJavaScript配信をデフォルトとするIslands Architectureで高パフォーマンス
  • ダークモード対応
  • Netlify Formsによるお問い合わせフォーム

成果

Lighthouse Performance 90+ を達成し、ブランドイメージの刷新に成功。