「デザイン x 文章術」

Translate your Business

あなたのビジネスを
未来のファンへつなぎます

彩葉D&W

WP事例|ホームページリニューアル&LP|オンラインスクール

Webサイト
この記事は約6分で読めます。

実は昨年10月から12月まで、諸事情により新規案件のご依頼をお断りしておりました。

そんな中、受付を再開した日にご依頼くださったお客様のホームページを全面リニューアルさせていただきました!

WordPress事例|スマイル算数サポートプロジェクト様

今回は、「算数が苦手だと悩むすべての子どもを笑顔にする」スマイル算数サポートプロジェクト様のホームページリニューアルとLP制作をご依頼いただきました。

ご自身でWorPressを使ってホームページを作ってみたものの、うまくいかずに限界を感じ、全面的にリニューアルしてほしいというご依頼でした。

お話を伺うと、これから始める大人向けの講座(祖父母塾)はターゲット設定や商品設定がまだ固まっていない状態でしたので、ターゲット設定や商品設定からサポートさせていただきました。

ホームページリニューアル&LP作成
ページ数:ホームページ3ページ+LP3ページ
目的:
・3つのスクールの集客がしたい
・プロジェクトの想いが伝わるホームページにリニューアルしたい
出したい雰囲気:慈愛・優しさ・信頼感
イメージカラー:茶色・緑・オレンジ
納品までの期間:2ヶ月半(実作業1ヶ月)
URLhttps://74study.com/
使用ツール:WordPress
テーマ:SWELL
デザインコンセプト:3世代それぞれが輝く未来
実施内容:キャッチフレーズ・コピーライティング(文章)・レスポンシブデザイン

構成

ご依頼頂いた時には、すでに運営されている小学生向けの算数オンライン塾と、これから始められる祖父母塾の2つのWebサイトが出来ており、それぞれ投稿と固定ページが入り混じる構成になっていました。

それを、3つのスクールとプロジェクトの内容を1つのWebサイトにまとめたホームページにしたいということで、下記の構成でお作りしました。

旧構成
リニューアル前の構成
新しい構成
リニューアル後の構成

※今回私が作ったのは、合計6ページです。

  • ホーム
  • スマイル算数オンライン塾(LP)
  • 算数オンライン先生養成講座(LP)
  • 3世代オールWIN祖父母塾(LP)
  • プロジェクトについて
  • お問合せ

トップページ

「算数で悩むすべての子どもを笑顔にしたい」という理念のプロジェクトですので、爽やかな笑顔をイメージしてお作りしました。

スマイル算数オンライン塾トップページ

LP|小学生向け算数オンライン塾

今回は、LPといっても広告に出すものではなく、ホームページ上にリンクするオンラインスクールの紹介ページをLP型にしたいというご希望でした。

将来的に広告にも出せるようLPとしてお作りしながらも、生徒さんが読みたいページ(授業のスケジュールや内容など)にはトップページから直接飛べるように工夫しております。

旧スマイル算数オンライン塾
Before
新スマイル算数オンライン塾
After

LP|祖父母塾

旧祖父母塾
Before
新祖父母塾
After

お問合せページ

少々複雑だったのがお問合わせの導線でした。

異なる内容・異なるターゲット層向けの3つのスクールがあり、それぞれに、お問合せ・無料体験お申し込み・スクール入会と、複数の用途がありました。

最初お話を伺った時には、ホームページのお問合せページの他に、LINEのアカウントが4つできるということでした。

これですと運営する方も大変ですし、入塾したい人がどこに連絡すれば良いやらよくわからない=離脱される=集客できないことになってしまいます。

そこで、下記のご提案をさせていただきました。

  • 新規のお問合せ・お申込み→ホームページのお問合せページに集約
  • 入塾後の生徒さん用→LINEで有益情報の配信やコミュニティーなどでお使いいただく

とはいえ、3つのスクールそれぞれに収集したい情報が異なるということでしたので、問合わせフォームを用途ごとに分けつつ、1つのページにまとめさせていただきました。

お問合せページ
お問合せページ(クリックでご確認いただけます)
彩葉
彩葉

「お問合せ」と「プロジェクトについて」のページのトップ画像は、笑顔の子供達の写真を集めたビジュアルを作ったのですが、それが私のお気に入りポイントです。

コーディングについて

今後似たようなページを増やす際に真似できるようにしたいというお客様のご希望により、なるべくSWELLの機能を使用し、CSSでのデザインは最小限にしています。

(ただ、どうしてもワードプレスの機能だけでは不十分なので、CSSなしで全く同じようには作れない旨はご了承いただいております。)

また、ワードプレスで動きをつけようとするとプラグインとの相互干渉などで不具合が生じやすく、今回も動きをつけるとお写真の表示がおかしくなるなどの不具合が出ていました。

加えてホームページのターゲット層がミドル世代以上であること、学習塾であることを鑑み、動きはつけずにお作りしました。

彩葉
彩葉

動きをつける場合にはWixをオススメしています。

余談ではありますが、今時のWebサイトの最新の動き、酔いますよね。。。

私はスクロール途中で気持ち悪くなって途中で離脱することがよくあり、ああいう動きをつけるのは、作り手(ご依頼主とデザイナー)の満足でこそあれ、ユーザーは求めていないよな、、、と思ったりもしております。

魅力を伝えるお手伝いポイント

ターゲット設定・商品設定からお手伝い

彩葉D&Wでは、ブランディング支援も行っており、今回はターゲット層や商品設定からお手伝いさせていただきました。

そのため、いただいた内容をもとにご提案をまとめ→お客様にお考えいただきご回答いただく→またご提案→回答と、通常のホームページやLP制作よりもお時間がかかった案件でした。

読まれる文章へ

算数嫌いの子どもを笑顔にしたい!そのためには何より慈愛の心が必要だという信念をお持ちの代表者様。

丁寧なお人柄と熱意がある分、ご自身で作られる文章はどうしても文字数が多くなってしまいます。

文章というのは皮肉なもので、伝えたいことを丁寧に詰め込むと読まれず、情報量を減らしてスッキリまとめる方が読んでもらえるので、結果的に人に伝わる文章になります。

そこでグッと文章量を減らし、ターゲット目線でポイントを簡潔にまとめ直してリニューアルさせていただきました。

お客様の声

やはり、餅は餅屋ですね。
仕上がりレベルの高さに驚いています。

お名前の通りのデザイン力・作文力に感服しました。
依頼して良かったと、とても満足しております。

スマイル算数サポートプロジェクトさま

あとがき

長年培ってこられた「教えるスキル」や「良好な人間関係の構築術」など、学べることがたくさんある算数のオンラインスクール。

志をプロジェクトとして発展させたいと、笑顔で語られていたお姿が印象的でした。

算数嫌いのお子さまをお持ちの皆さま、オンライン塾の無料体験から試してみてはいかがでしょうか?

新しいホームページで、スマイル算数サポートプロジェクト様の魅力が、ターゲット層にしっかり伝っていると嬉しいです。

益々のご発展を祈って。

『デザイン x 文章術』
Translate Your Business

’刺さる’ ホームページ、LP、パンフレットで
みなさまのビジネスと未来のファンをつなぎます。

コメント

タイトルとURLをコピーしました