複数LP向け HubSpot モジュール開発（受託案件）
案件概要
複数のランディングページで共通して利用できる、HubSpotカスタムモジュールの開発を担当しました。
各LPごとに異なる要件を整理し、共通化できる部分と個別調整が必要な部分を切り分けたうえで、保守性・拡張性の高い構造を意識してモジュールを設計しています。
要件定義からUI仕様の整理、HubSpot CLI を用いた実装、編集者向けマニュアル作成まで、一連の工程を一気通貫で対応しました。
現在も運用フェーズでの追加要望に応じて、改修や機能追加を継続して行っています。
また本案件では、要件定義をCSV形式で整理したうえでCursorにインプットし、構造設計・実装を進める手法を採用しました。
下書きコードの生成や条件分岐の整理をAIに補助させることで、実装時の試行錯誤を減らしつつ、最終的なUI調整や編集体験の確認は管理画面上で実際に操作しながら人の目で検証しています。
AIによる実装補助と、管理画面上でのUI検証を組み合わせることで、仕様理解・実装・編集体験のズレを最小限に抑えた開発フローを実現しました。
対応領域
- 要件定義、表示仕様・編集仕様の整理
- FigmaによるUIレイアウトおよび編集項目の設計
- HubSpot CLI を用いたモジュール開発（HubL / HTML / CSS / JavaScript）
- 編集者の迷いを減らすためのフィールド設計
- クライアント向け操作マニュアルの作成
- LP量産を想定した、再利用性の高い構造設計
- Cursorを活用した要件定義データ（CSV）起点の実装フロー設計
- 運用フェーズを踏まえた追加実装・改修への対応（継続中）
