Marketing
コーポレートサイト / 問い合わせ
多言語対応・サービス導線・問い合わせフォーム・サンクス導線を一体実装。E2Eとアクセス解析でCVを計測。
- 導線
- Contact + Thanks
- 品質
- Playwright E2E
- 対応
- JA / EN
背景・課題
サービス・実装例・Intelなど導線が増える一方で、ブランドトーンとCV（問い合わせ）を損なわないサイト構造が必要でした。Cookieベースの多言語、フォーム、計測、E2Eを同じコードベースで維持する必要がありました。
アプローチ
App Router + 共有コンポーネント（ヒーロー・CTA・サービスセクション）でページを組み立て。問い合わせ〜サンクスまでのフローをE2Eで固定し、Vercel Analytics / GTM でファネルを計測できるようにしました。
実装の要点
- JA/EN Cookieロケールとメタデータ
- サービス・Works・Intelへの一貫ナビ
- 問い合わせフォームとサンクス導線
- Playwright による主要CVのE2E
技術構成
成果・学び
- コーポレートサイトを単一リポジトリで継続リリース可能に
- 問い合わせ導線の回帰をE2Eで防止
- 多言語・SEO（パンくず・OGP）をページテンプレートで共通化