CONTENTS

ホロマム様のホームページリニューアル 新規の方と既存のファンの方向けに、トップページを2つご用意させていただきました

ホロマム様ホームページリニューアルのご相談

今回のクライアントさんは、サイトのリニューアルを検討しており、サイトの構造設計~リニューアル、ディレクションを頼める人を探していました。

普段から親交のあるライターさんとお話していて「今田さんが得意ですよ」とご紹介いただいたようで、ご相談のご連絡をいただきました。

最初のご連絡をいただいた際のご希望は以下のようなものでした。

  • 記事などの読みやすさ、回遊のしやすさ、メルマガへの登録のしやすさの再設計
  • 手作り感があるので、デザインを洗練された感じにデザインして信頼感とブランドUP

こんなことを実現できたらいいなとご相談をいただきました。

そんなご相談から、完成したサイトがこちらです。

占星術の図書館のような世界観で、コンセプトトップとメディア用トップという2種類のトップページをご用意し、新規に訪れた人と、既存のユーザー様がどちらも楽しめるようなホームページを制作させていただきました。

Before:
TOP

After:
TOP

After:
MEDIA TOP

サイトへ訪れると、月や本が動くのでぜひパソコン画面からとスマホページからのどちらもご覧いただけると嬉しいです。
少し違いもありますのでどちらもお楽しみいただけたらと思います。

初めて訪れた人が楽しめる、コンセプトページ

何度来ても楽しめるような、メディアページ

目次

ご依頼者様

会社名/お名前ホロスコープを感じる方法
Horoscope Heart & Momstrology様
業種ホロスコープ学習サイト
ビジネスタイプオンラインビジネス、講座
地域全国
Webサイトタイプメディア型 サービスサイト
URLhttps://horoscopeheart.com/
制作期間2023/02~2023/09(7ヶ月)

いただいたご感想

水澤 純様

HPリニューアルして、お客様からも生徒さんからも好評です。
以前講座を卒業されて、しばらくご連絡を取っていなかった生徒さんも わざわざメッセージ届けてくださいました。
やはり生徒さんやお客様に好きだと感じてもらえると、とってもとっても嬉しいですね!!
ありがとうございました😊

デザイン面や機能面でも、いろいろとお願いすることが多かったと思いますが、いつも迅速にご確認いただいて、おかげさまで安心してリリース迎えることができました✨
リリースと同時に販売キャンペーンも動かしたのですが、今の所、決済周りなども問題なく動いていて、スムーズに移行を迎えられたこと感謝しております🙇

プロフェッショナルな皆様とのお仕事は大変刺激的でした!
またぜひご一緒できることを楽しみにしています✨

おかげさまで、オリジナル感があって世界観の伝わるサイトになりました😊
本当にありがとうございました✨✨

初回ヒアリング

ヒアリング前に当社の事例をご紹介

ヒアリングに入る前に、以前にも似たような対応をおこなった事例として、岐阜県にある結婚相談所 マリッジラボさんの対応事例をご覧いただきました。

私がホームページ制作をご依頼いただく際の提案書や、どういった内容をお打ち合わせを進めながら作成し、対応するのかといった流れをご一読いただくようにしています。
その上で、お願いできたらと言っていただけましたので初回のヒアリング日を調整させていただきました。

初回ヒアリングに向けた事前調査

ご紹介くださったライターさんへのヒアリング

今回はライターさんのご紹介だったため、そのライターさんにも簡単に今回の経緯を伺いました。
その際に伺った内容は、EAT対策を主とした内容でした。

  • 会社概要を掲載して(権威性)
  • すべてのコラムに、占星術のプロとしての著者情報を設置(権威性)
  • 受講生の声の掲載(実績)
  • 表に出せるもので良いので、講座案内を掲載(権威性・信頼性)

現在のサイトの構成や状態の確認

現在のサイトを確認し、以下のようなことをヒアリング前に調査、準備していました。

現在のサイトの構成や状態の確認 既存サイトの表示確認
既存サイトの表示やコンテンツの確認
現在のサイトの構成や状態の確認 できる限りすべてのページの洗い出し
できる限りすべてのページの洗い出し
  • サイト内にある、すべてのページの洗い出し
  • 各ページの現状と課題点の洗い出し
  • 現在のサイトへのアクセス手段やその後のエンドユーザーの動きを想定
  • 競合サイト調査
  • 想定キーワードの検索ニーズと、検索意図の確認

初回ヒアリング当日

今回はzoomを使い、オンラインにて90分のお打ち合わせをさせていただきました。

事前に調べていた内容の確認と、ズレの確認。
また、その他には「強み」「現在のクライアントさんのこと」「世界観につながるお話」「現在の集客状況や流れ」「ホームページの目標」「今後のビジネス展開」など、たくさん今の事業へのこだわりや想いを伺わせていただきました。

ご提案書・お見積りの提示

初回ヒアリングを行ったあとで、すぐに内容をまとめ提案書作成に着手します。
ご提案書とお見積りのご提案までは、通常10営業日ほど頂いております。

伺ったお話をもとに、追加で必要な競合調査や、打ち出せるポイント、改善して欲しいことなどを私のお手伝いできる最大限のご提案をまとめさせていただき、それをもとにお見積りを3パターンご提示させていただきました。

今回はライティングを強みとされているクライアントさんのため、ライティングはご自身で対応頂く予定に。
ですので、お手伝いする必要のある「ディレクション」「デザイン」「構築・品質チェック」のみでお見積りを作成させていただきました。

ご提案書

 ご提案内容 

⽂脈と世界観戦略、可読性の向上でユーザー獲得を狙うWebサイトリニューアルのご提案

ご提案やお見積もりをご覧いただき、ご依頼いただけましたら、ご予算やご希望納期に合わせて再度必要ページ数や構成、進め方などを相談の上で決めていきます。

ここまでは無料でご案内させていただいております。


正式にご依頼をいただき、本格的なお打ち合わせをスタートしました。

お打ち合わせ

ご契約後の初回お打ち合わせ

miroを使った打ち合わせの議事録
miroを使った打ち合わせ議事録

制作を共にするデザイナーと3者にて、サイトのコンセプトや目的などを共有。
今後の制作の流れについてのキックオフミーティングを行いました。

ご提案内容とのズレや、方向性の変更がないかなどのお打ち合わせは必ず起きます。

ビジネスは日々変化しますよね。
そのため、サイトが完成するまで最終調整を行います。

今回は、書籍のように読めるコンテンツとしてサイトをつくっていくというお話で着地。
私たちも、新たな層へ訴求したいという想いとともにある、既存のホロマムさんのファンの方が見ても楽しめるコンテンツになればという想いでお話を伺いました。

お打ち合わせ2回目で世界観の方向性を決定

全員が課題感を感じていたことが「セールス色について」でした。

伝えたい想いや、伝えたいユーザーの方はきっとセールス色やマーケティング感が無い方がいいだろう。
これが前回からのお打ち合わせから今回まで、構成やライティング、デザインを行ってきた中で満場一致の意見でした。

そんな考えの共有や、それぞれが持ち寄ったコンセプトや参考デザインなどをもとに、魅せる世界観の認識をすり合わせも行いました。

前回のお打ち合わせからの間で行っていた、セールスやキャンペーンを元に方向性のズレやサイト設計を見直しました。

参考pinterest(占星術 イラスト)
参考pinterest(占星術 イラスト)

次回お打ち合わせまでに、デザインの大枠とサイト上のカテゴリ分けについてそれぞれが考えることに。

そして、打ち合わせ前にデザイナーさんからデザインの方向性について初稿があがってきました。

いやもう、さすがとしか言いようのない世界感ですよね。

前回の打ち合わせで、マーケティング色は控え、書籍や雑誌のようにめくる雰囲気で。
星や宇宙の感じをアナログな雰囲気も残しつつ、地上的な暮らしを想起させるモチーフや要素も欲しい。

そういう話をしていたので、この世界観が初稿で上がってきてディレクターである私も心底安心しました。

瀬戸さんさすがです!

こんた

今回担当してくださっているデザイナーさんは、兵庫のデザイナーさんでアートなものから、広告要素の強いものまで得意とされている敏腕デザイナーさんなんです。

私から気になってることとして伝えたことは1つで、下層ページのフレームがどんなものになるのだろうというところでした。
この方向性で進める場合は、同時に下層コンテンツの見せ方も検討した方が良さそうかなと思いましたのでそうお伝えさせてもらいました。

今から、次のお打ち合わせが楽しみです。

メディア用トップページに関するお打ち合わせ

今回、サイトトップはコンセプトの伝わる読み物としての顔を魅せるものとして進めるのに対して、リピーター様や初学者さん向けの「見やすい」「使いやすい」「探しやすい」をコンセプトにした学習できる入り口ページも作成することになりました。

そのため、記事のカテゴリー選定やその見せ方については私が担当して方向性を固めるためのワイヤーフレーム作成に関するお打ち合わせを行いました。

  • ホロスコープや占星術に興味を持っているユーザーさんにとって、どの順番でどんなコンテンツを配置することが一番の接客になるのか。
  • どんな見せ方や設計が楽しめるプロダクトになるのか
  • 競合との違いや世界観をどう訴求するか

上記のようなことを考慮しながら、一緒に作成を進めました。

次回までに、どんなカテゴリー分けがわかりやすく、ユーザーが楽しめるものになるのかを検討するということを宿題にこの日のお打ち合わせは終了。

この構成がサイトトップと同じ世界感になったとき、どんな世界になるのか。
ワクワクしますね~!なんてお話をしながらとても楽しいお時間でした。

デザインの大枠が決定し、実装へ

今回は動きのあるサイトということで、トップページやメディアトップの月が灯ったり、本が開く動きなど世界観を表現しながらも、サイトの表示速度が落ちないように検討を重ねました。

また、長く運用いただいているサイトだからこそ既存ページや記事がたくさんあったため、お打ち合わせをしながらSEO的にも評価が落ちないように設計を引き継ぐ箇所とそうでない箇所などをすり合わせさせていただきました。

「占いを文化に」をテーマに、2017年より占星学の講師として活動している水澤さんが監修しているからこそ。
このホロスコープ学習サイト「HOROMOM(ホロマム)」には毎月多くの読者が訪れています。

そして、メルマガには占星術愛好家のファンの方も多いため、実際にサイトを見に来てくださる方に影響がないように構築させていただきました。

さいごに

今年2月にキックオフし、運営者様とデザイナーとディスカッションを重ね、さらに100万人を超える閲覧者様のデータやお客さまたちからのリアルな声があったからこそ。
ほんとうに素敵な伝わる世界観を作り上げることができました。
 
そんなたくさんの時間と、周囲みんなの想いが詰まった占星術学習サイトをリニューアル、リリースいたしました!
 
「 ホロスコープを感じる 」
 
そんな素敵なメッセージを反映したコンセプトトップ
https://horoscopeheart.com/
 
初めて訪れた人も、再訪くださる人も楽しめる
図書館のようなメディア用トップページ
https://horoscopeheart.com/media/
 
ぜひ一度、ご覧いただけたら嬉しいです✨

SNSであってもホームページであっても、たくさんの人の想いや声があって、それらが反映されていることってとても大切です。

そしてその多くの言葉が、整理、共有されているとさらにいいものになっていく。

そんなプロジェクトに長い期間携われたことで、私自身もまたたくさんの新しい気づきや学びがありました。
このあたりの話はまた少しずつ発信していきます。

皆さんもお持ちのSNSやホームページ、自己満足になっていませんか?
 
お客さまにとって「見やすい、探しやすい、使いやすい」コンテンツをつくっていきましょう〜!

  • URLをコピーしました!

この記事を書いた人

埼玉県川口市で、自営業や起業家のホームページ制作を行っいます。
Web制作会社に7年務めたのち独立。Web制作歴12年、2500件以上のサイト制作に携わり、WordPressサイトを得意とし「作って終わり」にしない、結果が出るサイトであることを大切にしてます。「10人いれば10通りの最適なサイトがある」という信念のもと、型にハマったサイトづくりではなく、マーケティングから考えた、その人のビジネスにとって一番最適なサイトをご提案。技術面で不安のあるWebデザイナーのシステム面のサポートも行っております。

目次