神戸市中央区の「ふくろう鍼灸整骨院」様のホームページ制作事例

今回は一般的なゼロからのホームページ制作ではなく、数年前に作成した既存ホームページのリニューアルを手がけました。

ただ今回も基本的なホームページ制作料金としては、ご好評いただいております「簡易ホームページ作成プラン」の費用をベースにリニューアルさせて頂きました。

ホームページリニューアルの内容とポイント

今現在ホームページをお持ちの企業様や個人様の場合、以下の様な悩みが多いようです。

今回の「ふくろう鍼灸整骨院」様も、まさに上記の様な悩みを抱えていました。

HPをリニューアルしたいが費用は出来るだけ抑えたい・・・

「ふくろう鍼灸整骨院」様 は、地域に密着して地道に集客に力を入れて来た事もあり、開業7年目にして右肩上がりで患者様も増え続けています。

ですので「ホームページからの集客」までは考えていない為、以下の様な要望を承りました。

上記を踏まえて、弊社の「簡易ホームページ作成プラン」にオプションを付ける形で見積もりを出させて頂きました。

ホームページリニューアルの費用はいくら？

ちなみに当ページをご覧の貴方も「ホームページ格安で作ります！」と言う営業の電話を一度でも受けた事はあるかと思います。

この「格安」には以下のような落とし穴があるのはご存知でしょうか？

弊社ではこういった事のないように、将来的な点も踏まえてホームページを制作させて頂いております。

今回のホームページリニューアル費用

今回のプランのポイントは「納品後のカスタマイズ・更新サポート」で、一旦既存のページを全てリニューアルした後、

• 各ページへの文言、画像追加
• サイドバーやメニューなどのカスタマイズ
• SNSとの連携
• 新規ページの作成方法
• 既存ページの自社修正、運用

など、「新規ページ制作」と「集客コンサルティング」以外のほとんどの部分に関して、全面的に無制限にバックアップする形で契約させて頂きました。

通常のホームページ作成業者であれば、「画像追加1枚 ○○ 円」、「1ページ追加○○万円」、「カスタマイズは別途見積もり」という所が多いですが、これら全て 「納品後のカスタマイズ・更新サポート」 に含まれている大変お得なプランとなっています。

では実際にどういった点をリニューアルしたか？を画像と一緒に見て頂きます。

ホームページのビフォー、アフター

トップページのリニューアル前とリニューアル後

まずは既存のトップページをご覧いただきます。

上記ご覧頂いて「おかしな点」はお分かりいただけるでしょうか？

今回パッと見て気づいた点を、分かりやすく院長に伝えた画像がこちらです。

正直な所、上記より気になる点は他にもたくさんありますが、ひとまず分かりやすいポイントとしてお伝えさせて頂きました。

更に上記のホームページをリニューアルしたアフター画像がこちらです。

メイン画像はスクロール可能なテンプレートを使用している為、以下の様に院長の画像も掲載し、親近感と信頼度を高める工夫をしました。

「簡易ホームページ作成プラン」なので、そこまでこだわったデザインではありませんが、リニューアル前に比べるとスッキリとしたイメージを持っていただけるのではないかと思います。

訪問者は2～3秒で70％以上が離脱する。

訪問者がホームページに訪れて、最初に目に入る部分を「ファーストビュー」というのですが、訪問者はこの 「ファーストビュー」 を2～3秒確認した後、読み進めるか？離脱するか？を判断すると言われています。

逆に言うと、この「ファーストビュー」が悪いと、70％以上の訪問者が2～3秒の間に離脱してしまうので非常に重要です。

今回この「ファーストビュー」の部分で不具合が生じていたので、こちらを改善させて頂きましたので、離脱率はかなり改善できるはずです。

ホームページはスマホから閲覧する時代へ

数年前までのホームページは、パソコンとモバイル、それぞれ異なった記述でホームページを作らないといけませんでした。

ただ、以前はそれほど携帯からインターネットを見る人がいなかった為、そこまでモバイルでのホームページ閲覧に関して重要視されておらず、対応していないホームページがほとんどでした。

ですが、2019年現在はパソコンよりもスマホからインターネットを見る人の方が多くなり、ホームページを作る際も「レスポンシブデザイン」がスタンダードになりつつあります。

トップページもスマホ対応へリニューアル

そこで今回は、画像も含めて全てスマホから見やすくなる様に、完全レスポンシブデザインで対応させて頂きました。

レスポンシブデザイン対応前のモバイル版トップページの画像はこちらです。

スマホのトップページ「ファーストビュー」も、レスポンシブデザインではない為に、文字が読みにくかったり画像がおかしく表示されています。

では次にリニューアル後のトップページをご覧ください。

画面左上にスマホ独自の「ハンバーガーメニュー」があり、右下にワンクリックでページ上部に遷移する矢印も表示されているのがお分かりいただけるかと思います。

交通事故の診療に関しても、分かりやすく画像を大きく表示させて目立つ様に改善しました。

レスポンシブデザインに変更した事で、訪問者がページ遷移しやすい様に「ユーザービリティ」が格段に上がっています。

各ページの細かいカスタマイズも実施

実際にホームページを作成してみると、「この部分に微妙に空白が欲しいな・・・」とか、スマホで確認すると画像や表のサイズがおかしかったりと、思わぬ不具合が分かる時があります。

こういった細かい要望にも今回はその都度柔軟に対応させて頂きました。

こちらも画像にて比較して頂くと分かりやすいかと思います。

改善後はバランスよく読みやすい様に調整しました。

矢印をクリックすると、以下の様に余分な部分が開く様になっています。

ちなみに文章に関しても、読みやすい様に改善を加えたリ、訪問者様に読み進めやすい様にアドバイス、改善をさせて頂きました。

実際に作成したホームページを公開

画面下のボタンをクリックすると、実際に作成した神戸市中央区の「ふくろう鍼灸整骨院」様のホームページをご覧いただけます。

このプランには「無制限のサポート」をつけているので、まだ各ページの情報量が足りていない状況で、これから随時追加していく予定です。

当プランは「顧客ニーズ」と「実績作り」の為に格安で提供しておりますが、今後メディア事業などが多忙になった際には廃止する可能性が非常に高くなっています。

ですので、興味がございましたらお早めにお問い合わせいただければ幸いです。