Works

創部100年の記録を、スマホで読める形に 湘南高校サッカー部OB会サイトのリニューアル

湘南高校サッカー部OB会サイトのリニューアル実績
対応内容
リニューアル
公開日

2001年から積み上がった25年分の記録を、消さずに、たどれる形に。

神奈川県立湘南高等学校サッカー部OB会様のサイト「湘南サッカー」(shonan-soccer.com)のリニューアルをお手伝いしました。

集客のためのサイトではありません。創部から100年を超える戦績と、2001年から続くOB会の運営記録を、次の代へ引き継げる形に作り直す仕事です。当方は情報設計と構築を担当しました。


1. 25年分のページが、たどり着けなくなっていた

このサイトは2001年に開設され、現役の試合予定と結果、OB会報、歴代の戦績、懐かしの写真館、卒業アルバム、百年誌といった資料が、25年にわたって足され続けてきました。

長く続いたサイトほど、同じことが起きます。

  • ページが平らに積み上がっていた
    足すたびに一覧が長くなり、目的の資料に何回たどればいいのか分からない状態でした。
  • パソコンで見る前提の作りだった
    開設当時はそれでよかったのですが、いま実際に見ているのはスマートフォンです。文字が小さく、戦績の表は画面からはみ出していました。
  • 更新できる人が限られていた
    どこを直せばどこに出るのかが、手を入れた人にしか分からなくなっていました。

直すべきは見た目ではなく、並べ方でした。

2. 「3つの立場が同居するサイト」として設計し直した

整理を始めて最初に分かったのは、このサイトが1つのサイトではなく、性格の違う3つの活動を1か所で扱っているということでした。

  • 湘南高校サッカー部 — いま活動している現役。試合予定と結果が動き続ける
  • サッカー部OB会 — 会報とイベント。年に数回、まとまって動く
  • 湘南ペガサスSC — OBのシニアチーム。独立した活動記録を持つ

見に来る方も、現役の保護者・卒業して何十年も経ったOB・これから入る中学生と、見たいものがはっきり違います。ここを混ぜたまま整理しても、また同じことになります。

そこでナビゲーションを3本に分け、トップページでは「すべて/湘南高校/サッカー部OB会/湘南ペガサス」で切り替えて見られるようにしました。全部を1本の新着に流し込まず、自分に関係のあるものだけを追える形です。

3. 古い記録は、消さずに残す

リニューアルでいちばん多い失敗は、整理のつもりで古いページを削ってしまうことです。この案件では、そこを最初に決めました。

戦績・会報・写真館・卒業アルバム・百年誌といった記録ものは、検索して「探す」ものではなく、年をさかのぼって「たどる」ものです。新着と同じ並べ方をすると、古いものほど下に沈んで二度と読まれません。

  • 更新が続くもの(試合予定・結果・お知らせ)と、一度載せたら変わらない記録ものを、置き場所から分けた
  • 記録ものは年度でさかのぼれる並びにして、何年のものかが一目で分かるようにした

25年分の蓄積は、このサイトの資産そのものです。減らさずに、読める状態に戻すことを優先しました。

4. スマートフォンで最後まで読めるようにした

WordPress(テーマはSWELL)で作り直し、画面の幅に合わせて組み替わるようにしました。パソコンで見ることを前提にした古い作りから、スマートフォンでも最後まで読める形に変えています。

5. OB会の方が、これからも自分で更新できる形に

このサイトを続けるのは制作者ではなく、OB会の運営を担う方々です。ここが続かなければ、リニューアルした意味がありません。

  • ふだん触るのは「試合結果」「お知らせ」など、決まった数か所だけで済むようにした
  • 入力する場所と、それが出てくる場所が一対一で対応するようにした(どこを直せばどこが変わるかが迷わない)

集客のためではないリニューアルもあります

ホームページの作り直しというと、問い合わせを増やすため・売上を上げるための話になりがちです。でも実際には、こういうご相談もあります。

  • 長年続けてきたサイトに、ページが積み上がりすぎて手がつけられない
  • 作った人がいなくなって、直し方が分からない
  • パソコンでしか読めない。会員や関係者から「スマホで見られない」と言われる
  • 古い記録を消したくないが、そのままでは誰も読まない

同窓会・OB会・組合・地域の団体など、続けること自体が目的のサイトは、集客サイトとは設計の考え方が変わります。いま手元のサイトが同じ状態でしたら、現状を伺ったうえで、どこから手をつけるべきかをお伝えします。


※ 本サイトは湘南高校サッカー部OB会が運営するサイトです。神奈川県立湘南高等学校の公式サイトではありません。
※ 本件はデザインを外部の担当者が行い、当方は情報設計と構築を担当しました。

同じような困りごとはありませんか

業種や規模が違っても、考え方は応用できます。いまのサイトの状態を伺ったうえで、必要な対応と費用の目安をお伝えします。

はじめてのご相談は無料です。着手前に必ず範囲と費用をご提示します。

Voice

Googleに届いたお客様の声

5.05点満点中5.0/Googleの口コミ14件

14件すべてが★5です。運営元 Umi Design にお寄せいただいた口コミを、いただいたまま載せています。

Googleで口コミを見る

千葉ホームページ相談室を運営する Umi Design への評価です。

  • 5点満点中5点

    この度は、当社のホームページ制作(Webサイト制作)をご担当いただき、誠にありがとうございました。 初回の打ち合わせから非常に丁寧にご対応くださり、専門的な内容もわかりやすくご説明いただきました。こちらの事業内容や方向性、ターゲット層についてもじっくりヒアリングしていただき、単なるサイト制作ではなく、当社の強みや想いがきちんと伝わるホームページをご提案いただけたことに大変感謝しております。 また、一方的なデザイン提案ではなく、当社の意向をしっかりと汲み取ったうえで、SEO対策や導線設計まで含めた具体的なアドバイスをいただけたことがとても心強く感じられました。Web制作の専門的な知識に基づいたご提案は非常に説得力があり、安心してお任せすることができました。 完成したホームページは、デザイン性だけでなく、見やすさや使いやすさにも配慮されており、当社のブランドイメージを的確に表現してくださっています。今後の集客や情報発信の基盤として大いに活用していきたいと考えております。 信頼できるUmi Design様にご依頼できたことを心より感謝申し上げます。今後ともどうぞよろしくお願いいたします。

    leaf dog

  • 5点満点中5点

    洗練されたデザインで制作していただき、周囲からもサイトの仕上がりを褒めていただくことが多いです。 保守管理においては、迅速なご対応に加え、専門的な知見からのアドバイスもいただけ、頼もしく感じています。

    Makiko Kondo

  • 5点満点中5点

    ちょっとした相談でも丁寧に聞いてくださり 真摯に御対応いただきました。 本当に助かりました。 今後も頼りにしております。 有難うございました!

    PATAKA Studio

  • 5点満点中5点

    開業時に事務所のホームページの作成を依頼いたしました。 デザインや記載内容についてきめ細かく、かつ迅速にご対応いただき大変助かりました。 SEO対策やビジネスメールの設定などまでご提案いただき、当初こちらで考えていた以上のサービス提供をしていただき感謝しております。 内容の更新等々が出てまいりましたら、またご対応をお願いしたいと思っております。 ありがとうございました。

    石塚税理士

  • 5点満点中5点

    最高のHPを作成いただきました。 対応が丁寧で私の拙い言葉を頼りに私の頭の中にあったイメージをそのまま形にしてくれました。 今後のHPの修正や周り方でHPを作る方がいればUmiDesignさんにお願いする予定です。

    笹島良太

  • 5点満点中5点

    新規事業のため、ホームページの制作していただきました。 継続してWebサイト保守作業をお願いしています。 毎月、報告やアドバイスをいただいています。 ホームページのSEO記事作成の指南をいただき、とても助かりました。 記事の添削をお願いしたところ、私の作成した薄っぺらい内容の記事が 興味を引く内容から来店に結びつく流れへと完璧になっていました。 試行錯誤しながら、自力で推し進めるのと違い このようにプロに教えていただけると、それを軸に今後の記事に活用できますしとても、勉強になりました。 いつも丁寧なお返事で、相談しやすく助かっています。 これからも引き続きお願いしたいと思います。

    Si Si

  • 5点満点中5点

    LP作成・バナー制作・LINE構築など、プロダクトローンチに必要な施策を一括でお願いしました。 お客様の心理を踏まえた構成やライティングまで対応していただけたおかげで、作業の負担が一気に軽減。 広告運用中も、さまざまな切り口からバナーを訴求してもらい、顧客獲得単価は最安800円という成果を達成できました。 自分では思いつかないアイデアを次々と提案してくださるので、とても心強く、安心してお任せできます。

    野澤領

  • 5点満点中5点

    新規事業立ち上げでお世話になりました。 こちらは沖縄なのでかなり遠隔な感じですが、口コミ通りレスポンスが早いため全く問題なく、とっても助かりました! こちらがお願いしたにも関わらず私の返信が遅れることが何度もあり、ご迷惑をおかけしましたm(_ _)m 出来上がったものは想像以上のもので、「こんな感じで〜・・あとはいい感じに〜・・」という説明下手&アバウトすぎる私のイメージを毎回バッチリ汲み取ってくださったことが嬉しかったです。 何度かzoomで打ち合わせもさせてもらいましたが、とっても雰囲気柔らかい方なので女性も安心です♪♪ Umi Design様を見つけた自分を褒めたいです✨全力でおすすめできます☺︎ これから業務を進めていくうちに 追加で◯◯が欲しい、◯◯の修正をしたいなど出てくると思いますが、末長くお付き合いを宜しくお願いします!!(^_^)

    46 A

  • 5点満点中5点

    LINE公式アカウントを作っていただきました。私のまとまらない話をじっくりと誠実に聞いていただき、安心して任せられる方でした。 細かい希望を聞いていただきながら、納得いくまで丁寧に仕上げていただきました。 お願いして本当に良かった!と思います。 他の方にもおススメしたい人です。

    中島みき

  • 5点満点中5点

    ホームページの完成後バタバタしておりまして、遅くなりましたが口コミの投稿をさせていただます。 ホームページの作成をお願いしましたが、本当に素晴らしいものを作っていただきました。 また何よりレスポンスが非常に早かったです。 こちらは普段の仕事などあり、返信が遅れることが多々あり、ご迷惑を非常におかけしました。 この場を借りてお詫び申し上げます。 それにもかかわらず、出来上がったホームページはこちらが予想していたものよりもはるかに素晴らしいものでした。 どこでホームページを作ろうか悩まれている方は、Umi Design様でホームページを作成されることを本当に心からおすすめいたします。

    Gen Rozan