トラスクエタ｜業界特化型AIツール 各種LP
業界特化型AIチェックツールのランディングページ群（10本以上）をAstroで設計・量産。共通セクションもLP独自セクションも全てコンポーネント化し、テキスト・画像・色の変更だけで横展開できる仕組みにしました。
課題と目的
業界ごとに規制も訴求も異なる多数のLPを、統一感と表示速度を保ちながら短期間で量産・運用すること。さらに、記事やロゴの追加・変更を手作業なく各LPへ反映する運用性も求められました。
担当範囲・納品物
- 共通セクション＋LP独自セクションのコンポーネント設計
- 業界別LPの量産（広告/ドキュメント/サイト監視/信書/求人/保険/不動産/金融/エネルギー/カスタマイズ 他）
- env・メール送信設定ファイルの共通化（値の差し替えのみ）
- WordPress REST APIからの記事一覧・ロゴ一覧の取得＋キャッシュ
- Swiperによるスライダー実装／表示速度の最適化
使用技術
実装機能
- 共通・LP独自の全セクションをコンポーネント化し、テキスト・画像・色の変更だけで使い回せる量産体制
- env・メール送信設定なども共通化し、値を変えるだけで新規LPを構築できる高い保守性
- 記事一覧・ロゴ一覧を公式／コーポレートのWordPress REST APIから取得し、キャッシュで都度読込を回避。記事追加・ロゴ変更があっても自動反映
- 静的生成（SSG）による高速表示
- Swiperスライダー／スマホ最適化
公開URL
https://ad.trusquetta.net/ →施策・工夫
共通セクションもLP独自セクションも全てコンポーネント化し、テキスト・画像・色を差し替えるだけで新しいLPを組み立てられる設計に。env やメール送信設定などの設定ファイルも共通化し、値を変えるだけで構築できるようにして保守性を高めました。
また、記事一覧・ロゴ一覧は公式・コーポレートのWordPress REST APIから取得し、キャッシュを挟んで都度読み込みを避ける構成に。記事の追加やロゴの変更があっても各LPへ自動的に反映され、更新の手間がかかりません。静的生成で表示も高速です。
制作したLP（公開URL）
- アド（広告表現チェック）｜ad.trusquetta.net
- プロ（ドキュメントチェック）｜pro.trusquetta.net
- アイズ（サイト統合監視）｜eyes.trusquetta.net
- レター（信書チェック）｜letter.trusquetta.net
- ジョブ（求人チェック）｜job.trusquetta.net
- インシュアランス（保険）｜insurance.trusquetta.net
- リアルエステート（不動産）｜realestate.trusquetta.net
- ファイナンス（金融）｜finance.trusquetta.net
- エナジー（電力・ガス）｜energy.trusquetta.net
- カスタマイゼーション（各種業界）｜customization.trusquetta.net
