セミナー情報の情報設計・UI再構築

担当領域
デザイン・UI設計
期間
2025年10月~11月

案件背景

セミナー情報が分散していた状態を解消するため、一覧で横断的に把握できるUIを設計。既存の運用を維持したまま、情報構造の整理と一元管理が可能な基盤を構築した。

課題

  • 同時期に複数セミナーが開催され、新着情報だけでは全体把握が困難
  • メルマガ・SNS流入後に比較検討がしづらく、離脱につながっていた
  • Account Engagement単位で情報が分断され、UI・構造に一貫性がなかった
  • 既存運用を止めずに改善する必要があり、段階的な移行設計が求められた

やったこと

  • セミナー情報の構造整理および一覧設計
  • カードUIによる一覧表示(ステータス・開催日ベースの並び替え)
  • カテゴリ体系の再設計
  • PHPによる表示制御(告知日・受付終了・掲載状態の管理)
  • Account Engagementフォームとの連携設計・検証

実現したこと

  • セミナー情報の一覧化により、比較・検討しやすいUIを実現
  • サイト上での情報構造を統一し、ユーザー体験と運用性を改善
  • ACF管理化やフィルタ機能拡張に対応可能な基盤を構築
  • 段階的移行が可能な構成により、既存運用への影響を最小化

ビジュアル

Before
Before(改善前)
After
After(改善後)
参考画面
参考画面

よくなったこと

コーポレートサイト上でのセミナー情報の統一的な見せ方を確立

Mimu Fujiwara

フリーランスのテクニカルPM/Webディレクター。 Webサイトのリニューアルや改善の相談を受ける中で、「本当に解決したいこと」と「依頼内容」が少しずれている場面によく出会います。 依頼されたものをそのまま作る前に、目的や課題、運用状況を整理し、「何を作るべきか」から一緒に考える立場で関わっています。 WordPressやHubSpotなどのCMS案件を中心に、要件整理・情報設計・技術調整・運用改善までを横断して支援。公開して終わりではなく、その後も無理なく運用・改善できる状態をつくることを大切にしています。