Project Overview
楽天証券や楽天保険など、法規制(コンプライアンス)が厳しく、かつ更新頻度の高いWebサイト群に対し、ヘッドレスCMS「Builder.io」の導入を主導。エンジニアに依存せず、マーケティング担当者が安全かつ自由にLPを作成・更新できる基盤を構築しました。
Technical Challenges
金融業界特有の「情報の正確性」と「承認フローの厳格さ」を担保しつつ、Visual Editorの柔軟性を活かすことが課題でした。
解決策:
1. Component Locking: デザインシステムに基づいたReactコンポーネントのみを使用可能にし、ブランド毀損を防止。
2. Figma to Builder Workflow: FigmaのデザインからBuilderコンポーネント定義へのマッピングを自動化。
3. Custom Approval Flow: Builder.ioのWebhookを利用し、社内の法務確認システムと連携する承認フローを実装。
Business Impact
12の事業部門への導入に成功。従来はエンジニアへの依頼から公開まで平均2週間かかっていたLP制作が、最短3日で完了するように(51.7%の効率化)。外部制作会社への委託費を含め、年間約1.2億円のコスト削減に貢献しました。