【制作実績】サッカークラブ「港南FC」のウェブサイトを全面リニューアルしました

投稿日:2026-05-31

このたび、大阪市港区・大正区・此花区を中心に活動する育成型サッカークラブ「港南FC」の公式ウェブサイトの全面リニューアルを担当いたしました。

今回のプロジェクトでは、クラブのブランディング強化に加え、「異なるユーザー層への情報最適化」と「スマートフォン環境における徹底的なユーザビリティ向上」を軸とした、戦略的なリニューアルを実施しました。

リニューアル前の課題

従来のウェブサイトでは、1つのページに「小学部（ジュニア）」「中学部（ジュニアユース）」「社会人チーム」の情報が網羅されており、以下のような構造的・デザイン的課題を抱えていました。

小学生の保護者、中学生の保護者、大人の選手では、求める情報（活動理念、進路実績、費用）が全く異なります。

情報が1カ所に集約されていたため、ユーザーが自分に関係のない情報まで読まざるを得ないストレスが発生していました。

他にもスマホ表示はできていたものの、練習スケジュールや料金体系といった複雑なテキスト・テーブル（表組み）データが、スマートフォンの狭い画面幅で見た際に窮屈に縮んでしまい、可読性が著しく低下していました。

各クラスの独立性を高めるため、既存の構造を解体。「ジュニア（U-12）」「ジュニアユース（U-15）」それぞれの専用独立ページを新設しました。

元のポータル（入口）ページは、写真と言葉の熱量を全面に出したダイナミックなパネル型UIへとブラッシュアップし、直感的に目的のクラスへユーザーを振り分ける「ハブ」として機能させています。

港南FCが強みとする「学業との両立（進学塾並みの進学実績）」をよりクリアに届けるため、合計40校にのぼる進学実績を公立・私立別で綺麗に整理。保護者層への説得力を強化しました。

また、体験練習への応募ハードルを下げるため、お申込フォームにフリガナ、生年月日、所属チーム、そしてスマホから簡単に選択できる「体験希望日（カレンダーUI）」を拡張実装し、入力完了までの離脱率を低下させるEFO（入力フォーム最適化）を施しています。

今回のリニューアルでは、スポーツクラブが持つ「熱量」や「躍動感」といった情緒的なブランディングと、複雑な費用・スケジュールをクリアに見せる「機能的な情報整理」の高度な両立が求められました。

単に見た目を新しくするだけでなく、運用保守（メンテナンス性）の観点からパーツのコンポーネント化したので保守もしやすくなりました。

PEPでは、これらのようにコーポレートサイトやサービスサイト以外にもサッカークラブのリニューアルも行っています。ユーザーの行動を促すためのWebデザイン・システム実装をご提案いたしますのでお気軽にお問い合わせください！