岡山県で大活躍中のフリーインストラクター、宇野園恵様の公式ホームページを制作しました。

宇野園恵様は、「楽しく継続できる運動」をテーマに掲げ、「健康から笑顔を」を届ける活動を精力的に展開されています。

今回のプロジェクトでは、宇野様のテーマや想いをしっかりと反映し、訪問者にその魅力が伝わるホームページの制作を目指しました。

プロジェクト期間&ヒアリング

宇野園恵様のホームページ作成プロジェクトは、TOMBLACKの山本様からのご紹介をきっかけに始まりました。TOMBLACKの実績はこちら！

プロジェクト期間は約7か月にわたり、綿密なヒアリングを通じて課題を明確化し、解決に向けて取り組みました。

ヒアリングで明らかになった課題

ヒアリングを重ねた結果、宇野様が抱える課題は以下の通りでした

■ サービスの分かりづらさ
→サービスを一覧でまとめたサイトや紹介ページがなく、宇野様が提供する具体的な内容が見えにくい状況でした。

■ 経歴と実績のアピール不足
→ 優れた経歴があるにもかかわらず、それを十分にアピールできておらず、価値向上が図れていませんでした。

■ 問い合わせ窓口の不備
→窓口がInstagramのDMのみだったため、企業や自治体など堅い組織がコンタクトを取りづらい状態で、機会損失につながっていました。

■ 検索エンジンでの露出不足
Google検索に宇野様の名前や情報がヒットせず、SEO的に非常に弱い状況でした。
（ヒアリングの際にInstagramのアカウント名を変更したことで、1か月程度でGoogleインデックスに登録されるようになりました）

これらの課題が明確になり、対応策を検討しました。

サイト作成の目的

課題を解決するため、以下の2つをサイト作成の目的と設定しました：

■ 「宇野園恵様の認知と価値の向上」
→ 実績の紹介ページやレッスン一覧ページを作成し、訪問者に宇野様の魅力を伝える。
→ Google検索へのインデックスを促進し、検索エンジンからの流入を増やす。

■ 「お問い合わせの明確化」
→ いつでもお問い合わせページにアクセスできる導線を整備し、問い合わせのしやすさを向上。

市場調査から見えた競合との差別化

市場調査を行った結果、以下のポイントが明らかになりました：

■ 競合の少なさ
→ 岡山県津山市でホームページを持つフリーインストラクターはほとんどいない。

■ 検索結果の希薄さ
→ Googleで「津山市 フリーインストラクター」を検索すると、求人情報ばかりが表示される。

■ 幅広い対応力
→ 宇野様は「子供から高齢者まで」「個人から企業まで」、幅広い層に対応可能で、多岐にわたるアプローチが可能。この点は他のインストラクターとの差別化要因となる。

SEO観点からは、比較的参入しやすい市場であり、ホームページを作成するだけでも大きな差別化が可能と判断しました。

この優位性を活かし、Google検索からの流入増加と宇野様の認知向上を目指してプロジェクトを進めました。

ブランディング戦略とデザイン

宇野園恵様のホームページデザインでは、宇野様が持つ「元気」「健康」「明るい」「楽しい」「接しやすい」「笑顔」という印象を大切にしました。

配色には明るいトーンのオレンジやピンクをメインカラーに設定し、その他の色も高明度のものを採用して、親しみやすさと活力を感じられるデザインに仕上げました。

全体のデザインにはエネルギッシュさを表現するため、斜線をFVに加えました。

また、自然を連想させるモチーフや画像を多く配置し、訪問者が「私も元気になれる」と感じられるよう工夫しています。

フォントには、宇野様の優しさと親しみやすさを伝えるために、角丸ゴシックを選定。フォントサイズも中高齢者を含む幅広いターゲット層が快適に閲覧できるよう、やや大きめに設定しました。

さらに、運動をテーマにしたホームページらしさを出すため、
全体をバインダー風のデザインで統一し、訪問者に「動き」や「活動」を連想させる表現を取り入れています。

💡コーダーとしてのこだわりポイント

■ ローディングアニメーション
→ 宇野様らしさを演出するために、ランニングしているアニメーションを採用しました。訪問者に「健康」「活力」を感じていただける工夫を取り入れています。

■ タブ切り替えを活用したセクション設計
→ 「企業・自治体向けのお仕事」などのセクションはタブ切り替えで実装。縦に並べるとページが長くなり離脱率が上がることを防ぎ、新たなコースが追加された場合でも視認性を保つようにしました。

■ スライダー機能
→ プラグインを使用せず、完全自作でスライダー機能を実装。ページ全体の軽量化を図るとともに、デザインと動作を自由にカスタマイズできる仕様としています。

■ 柔軟な管理画面編集機能
→ TOPページから下層ページまで、全てのページにおいて文章や画像などの流動的なコンテンツを管理画面から自由に変更可能に設計しました。

■ アーカイブページの強化
→ 絞り込み機能とページネーションをAjaxで実装し、スムーズな操作性と快適なユーザー体験を提供。

■ タクソノミーの順序管理
→ 「仕事実績一覧」の絞り込み機能では、タクソノミーの出力順を管理画面から変更可能にしました。プラグインを使用せず、独自の仕組みで実現しています。

■ お仕事ページのサイドバー強化
→ 現在どのページを閲覧しているかが一目で分かるよう、サイドバーを動的に変更。訪問者のナビゲーションをサポートしています。

■ レッスン予約セクションの視認性向上
→ URLを入力した場合、自動的にアイコンや下線、色が追加され、リンクであることが視覚的にわかりやすいデザインを採用しました。

まとめ

サイト作成後、狙っていたSEO対策キーワード「津山市 フリーインストラクター」「岡山県 フリーインストラクター」「岡山県 サルセーション」など、様々なキーワードで検索結果の1位に表示されるようになり、大きな成果を上げることができました。また、お問い合わせフォームからのご依頼も複数いただいており、宇野様のサービスの認知拡大と価値向上に寄与しています。

現在も保守管理業務や更新作業を継続して担当し、地元・岡山県津山市のサービスをより良いものにするために尽力しています。

「伝えたいことが伝わるホームページを作りたい」「地元のサービスやビジネスをもっと多くの人に知ってもらいたい」とお考えの方は、ぜひお気軽にご相談ください。あなたの想いやビジョンを形にするお手伝いをいたします！