Scroll

制作概要

キッズ~シニアまで幅広い世代を対象としたサッカースクール様のオフィシャルサイトです。
タイプ
事業紹介・サービス案内ホームページ
デザインテイスト
スポーティー・スタイリッシュ・シンプル
目的
無料体験増加・問い合わせ増加・集客強化
エリア
大阪・枚方市・交野市
リリース
2024年3月
受注作業範囲
企画構成・ディレクション・デザイン・コーディング・wordpress化
サイトURL
https://spasser.net/
タイプ
事業紹介・サービス案内ホームページ
デザインテイスト
スポーティー・スタイリッシュ・シンプル
目的
無料体験増加・問い合わせ増加・集客強化
エリア
大阪・枚方市・交野市
リリース
2024年3月
受注作業範囲
企画構成・ディレクション・デザイン・コーディング・wordpress化
スマートフォンでの見え方 スマホデザイン
モニターでの見え方 PCデザイン

POINT

幅広い年代層に対応できるデザイン

キッズ~シニアまで幅広い世代を対象としたご活動をされているご事業です。
このように集客対象の年齢層が幅広い場合、どの世代にも受け入れられる"ターゲットを絞り過ぎないデザイン"にすることが大前提となります。ですので、当ホームページは全体的に"スポーティ"をベースにシンプルなデザインにしています。ホームページ全体にコーポレートカラー(※ご事業を象徴する色。当ホームページではエメラルドグリーン。)を取り入れ、ご事業の個性、印象をシンプルにユーザーに伝えています。

実際の撮影写真を要所要所に効果的に掲載

ユーザーにとって"実際の写真"というのは大変有意義な情報です。写真からは文章では説明できないもの、例えば、"雰囲気や空気"など感覚的な情報を得ることができます。
当ホームページの掲載写真からは生徒様の楽しそうな笑顔、コーチ様のお人柄や信頼感、練習風景の臨場感などあらゆる雰囲気を感じ取ることができます。
ホームページというのは、必要な情報をいくつかのまとまりに分けて掲載していきます。ひとまとまりに区分した情報のかたまりのひとつひとつを"セクション"と言います。
当ホームページでは、各セクションでその内容を表す画像を丁寧に掲載しています。文章だけでなく感覚的な実感を伴いながら情報収集することができるため、ユーザー視点の配慮が行き届いたコンテンツ形成です。

ユーザーにとっての見やすさを考慮した"動き"の実装

当ホームページには、"タブ"という動きを実装しています。"タブ"とは、ひとつの大枠の情報に付属する複数の詳細情報をグループ分けして格納できるという非常に機能的な"動き"のことです。
ワンクリックでグループ分けされた情報を切り替えることが出来ます。情報量の多いものをミニマムに、まとまり良く分けて掲載できる点がポイントです。
当ホームページの中では、スクール活動という大きな括りに付属する「キッズ・ジュニア」「大人」「パーソナル・少人数」という3種類の詳細情報をタブで設置しています。 もし、タブの動きを使用しなかった場合、この部分だけで相当コンテンツが長くなってしまい、ユーザーが欲しい情報を得るにはそれだけ多くのスクロールが必要となります。
ユーザーは知りたい情報がそれぞれ異なります。(例えばキッズの内容を知りたいユーザーにとってはそれ以外を知る必要は無い)
ユーザー視点に立ち、ストレスの少ない掲載形態を考慮・最適化することはホームページ制作に必要な基本姿勢です。適切な配慮が取り入れられたホームページは、印象が良く、ユーザーの信頼性も向上します。
ホームページに取り入れられる"動き"には様々な種類がありますのでどのような実装が適しているのかなかなか想像しにくいかと思いますが、掲載内容に合った最適な動きをご提案させていただくことができますので、お気軽にご相談ください。
WEB実績一覧へ戻る