株式会社トラスクエタ|コーポレートサイト
薬機法・景表法に特化したAI広告チェックサービスを展開する企業のコーポレートサイト。YouTube APIや採用ページの予約フォーム(Googleカレンダー連携)まで、フロントを素のJavaScriptで実装しました。

課題と目的
薬機法・景表法というBtoB領域の専門サービスを、広告主・代理店の担当者に分かりやすく伝え、複数のサービスサイトへの送客と問い合わせ・採用応募につなげることが課題でした。
担当範囲・納品物
- デザインカンプからのコーディング
- WordPressテーマ実装(functions.phpで共通/ページ別にスタイル読込)
- YouTube API・GoogleカレンダーAPI連携
- 採用ページの予約フォーム実装
- お知らせ・実績の更新機能(カスタム投稿)
使用技術
実装機能
- YouTube APIによる動画連携
- 採用ページ:Googleカレンダーと連携し、フォームから面談日程を予約できる仕組み
- GSAPを用いたスクロール演出
- functions.phpで共通・ページ別にスタイルを出し分け(SCSSをコンパイル)
- お知らせ・実績の自社更新(カスタム投稿)/各サービスサイトへの回遊導線
公開URL
https://trusquetta.co.jp/ →施策・工夫
YouTube APIで動画を連携し、採用ページではGoogleカレンダー APIと連携した予約フォームを実装。応募者がフォームから希望日時を選ぶとカレンダーに面談予定が入る仕組みにし、日程調整の手間を削減しました。スタイルは functions.php で共通/ページ別に読み込み、SCSSで記述・コンパイルして保守性を確保しています。

