サッカークラブのホームページ制作/リニューアル実績紹介として、東京都内・神奈川県内を中心にクラブ拡大中のなでしこサッカークラブ様のサイトデザインをご紹介。明るいピンク色とイエローが基調のwebデザインとなっており、楽しく活き活きとした表情の実際のクラブ活動の様子や、真剣な眼差しで躍動感ある試合中の写真をメインに掲載しています。
実際の活動中の画像を多く載せることで、はじめてサイトへ訪れたユーザーに対し”どういったクラブか？”や”活動中のイメージ”が湧きやすくなる利点があります。色合いは全体的に明るく賑やかなカラーリングながらもコンテンツ/バナーパーツ等は透明感ある、スタイリッシュな要素も取り入れ制作。
各コンテンツの視認性・分かりやすさの面にも配慮し、webデザイン等を行いました。
ホームページ制作実績 サッカークラブ：東京/神奈川のなでしこサッカークラブ様
TOPデザイン制作時の注力点
トップページのファーストビュー、上から2スクロール～3スクロールまでのデザイン的見せ方は非常に重要です。この部分の良し悪しによって、検索結果等からwebサイトへ訪れ そのまま下層ページへ遷移するか？または検索結果に戻るか？が変わってきます。そのため、トップページ上部へ”いかに魅力的で訴求力高く見せるか”、”いかにユーザーの興味を引くコンテンツを掲載するか”がPOINTです。
なでしこサッカークラブ様のトップページ制作時もこの点に配慮し制作を行っています。ヘッダーまわりはスッキリとしたデザインでFacebook、Instagramへのリンクボタン、お問い合わせ電話番号、問い合わせメールフォームへのリンクボタンを配置。
メインビジュアルは左部に「サッカーで輝く私たちの未来」といった素敵なキャッチコピー、右部は色合い鮮やかなユニフォームでの集合写真にて構成しました。メイン画像下部には神奈川県川崎区や東京都大田区・品川区等で行われている「無料体験会のご案内」を掲載し、興味を持たれた方がまずは気軽に体験会へ参加できるようになっています。こちらでは具体的に開催されるエリアや日時が閲覧可能です。
その下、次の項目では「なでしこサッカークラブって？」と「無料体験会実施中！」の2つのバナーを配置。それぞれ下層ページへと遷移できるようになっていますが、なでしこサッカークラブとは？では、サッカークラブとして、どういった考え方や想いで活動しているかの他、保護者の方・お子様が気になるスタッフ紹介/コーチ紹介、組織概要が掲載されています。そして、無料体験会実施中！ページは無料体験会とはどういった内容かを閲覧できるページです。
2つのリンクバナー下には「スクールのポイント」として、どのような特徴を持ったサッカークラブなのか、指導の特徴、クラブの特徴を分かりやすく3点に絞り掲載されています。
またトップページ下部には「神奈川県のクラブ」「東京都のクラブ」のリンクを設け、神奈川県内にあるクラブ一覧や東京都内のクラブ一覧へとすぐに行けるようになっています。”自分の自宅から近いクラブはどこなのか？”が分かりやすいようにこちらのリンクボタンをTOPページに設置。
その下には「なでしこ公式Instagram」の項目を見た目良くレイアウト。イベント時の様子や遠征、試合の様子等をインスタグラムにて確認することができます。
下層ページデザイン制作時の注力点
下層ページのメインビジュアルはトップページの配置を引き継ぎ、左にページタイトル及び「見学ご希望の方」リンクバナーを配置、右に各ページ内容にマッチする写真を大きく載せました。各ページ毎に異なるメインビジュアル画像の仕様です。
なでしこサッカークラブって？ページの上部には「サッカーを通じて、たくさんの成長と感動が生まれます」というメッセージと共に、自信や健康な体、自発性、ルール・マナーなどクラブでの活動を通して”どういったことが身に付けられるのか？”をビジュアル良く制作しました。
下層ページ制作時はどうしてもトップページと比べ、文章・説明文を中心とした構成になるため、ビジュアル面が弱くなりがちですが、今回の下層ページ制作時にはトップだけでなく、各下層ページを見た時にもビジュアルから引きつけられるよう工夫しています。一般的に文章のみが多く載っているよりも、文面に関連するイメージ画像/解説図などが合わせて掲載されている方がページ閲覧率が高く、下層 離脱率も低減できることが分かっています。
そのため、インターネット経由の訪問者のサイト内回遊率を高めると共に、各ページ内 滞在時間の面でも有効なビジュアル面の強化を意識し制作を行いました。”見た目良く、分かりやすく”といったホームページ制作時の基本を重視し制作を行うことで、SEO面でもアクセス面でも優位性が高まります。
【今回の記事の執筆者】
カスタマーサポート部/チームリーダー webディレクター：渡邉 真帆
建設業/製造業を中心に300以上のホームページ制作の経験を積む。ディレクション時、クライアントから「事業の強み/差別化のPOINT」を引き出すことが得意。
日々IT・PCに関するリテラシー向上に努め、Webのことは勿論、お客様の多様なお困りごとを解決。エグゼクティブクリエイションの中でも特に顧客満足度の高いディレクター。
社内では癒し系なものの、クライアントとの打ち合わせ時のキリッと具合は別人のよう。
得意なこと：アクティブリスニングと笑顔 苦手なこと：料理と口喧嘩
---------------------------------------------------------------
満足度の高いホームページ制作なら
東京のエグゼクティブクリエイションへ！
------------------------------------------------
---------------------------------------------------------------
◇Web制作についてのお問合せはこちらより
TEL: 03-5839-2512
FAX： 03-5839-2513
------------------------------------------------
≫ホームページ制作 のエグゼクティブクリエイションTOPへ
