プロジェクト概要

Google Calendar APIと連携したイベントスケジュール管理システムを開発。運営者はGoogleカレンダーを更新するだけで、Webサイトのタイムスケジュールへ自動反映される仕組みを構築しました。

イベント当日にスマートフォンから閲覧する来場者を想定し、取得したイベント情報を独自のタイムラインUIへ変換して表示。開催時間やイベント内容を直感的に確認できる、視認性の高いイベントページを実現しています。

WordPressにはGoogle Calendar APIを利用した自作プラグインを実装し、運営担当者がHTMLやWordPressの記事を編集することなく最新情報を公開できる運用フローを構築しました。

※デザイン:株式会社オーエスプランニング(https://osplan.jp/

制作のポイント

  • Google Calendar APIを利用したイベントスケジュール管理システムを開発
  • WordPress自作プラグインを開発し、Googleカレンダーとの連携を実装
  • Googleカレンダーの更新内容をWebサイトへ自動反映
  • イベント情報を独自のタイムラインUIで表示し、視認性を向上
  • スマートフォンでの閲覧を重視したレスポンシブデザイン
  • 更新作業をGoogleカレンダーへ一本化し、運営負担を軽減

公開後の変化

スケジュール更新作業を効率化
Googleカレンダーを更新するだけで、Webサイトのタイムテーブルへ自動反映。
イベント直前の変更にも迅速に対応でき、Webサイトを直接編集する手間を削減しました。

来場者が見やすいタイムテーブルを実現
Googleカレンダーのイベント情報を独自のタイムライン形式へ変換。
開催時間や会場ごとのイベントを視覚的に把握しやすくしました。

運営しやすいイベントサイトへ
WordPressの自作プラグインにより、Googleカレンダーを管理するだけでイベント情報を更新可能。
専門知識がなくても運営担当者自身で情報管理できる仕組みを構築しました。

プロジェクト情報

業種
地域イベント・祭り
カテゴリ
イベント特設サイト
制作スコープ
WordPress構築/フロントエンド実装/Google Calendar API連携/WordPressプラグイン開発/タイムラインUI開発/レスポンシブ対応
URL
https://icci.or.jp/iwakuni-matsuri/

使用技術

  • WordPress / PHP / HTML5 / CSS3(SCSS)/ JavaScript / Google Calendar API