WEB PREPAのホームページをリニューアルしました｜見て・触って・試せるサイトにした理由

いつもWEB PREPAのホームページをご覧いただき、ありがとうございます。このたび、web-prepa.com のトップページを全面的にリニューアルしました。

ホームページ制作をお願いする前は、「本当にこの人に任せて大丈夫だろうか」「結局いくらかかるのか」が見えにくく、問い合わせのボタンを押すまでに迷うものだと思います。今回のリニューアルでは、その迷いをできるだけ減らすことを目標に、見て・触って・試せるホームページに作り直しました。

リニューアルした理由

これまでのホームページでは、制作実績をたくさん並べて「こういうものが作れます」とお伝えしていました。ただ、実績は業種が違うと自分の会社に置き換えにくく、ページを行ったり来たりしないと雰囲気がつかめません。

そこで今回は、WEB PREPAのホームページそのものを「制作物の見本」にすることにしました。画面の動き、文字の読みやすさ、スマートフォンでの使いやすさを、実績ページを開かなくても体験していただける作りです。

新しいトップページでできる5つのこと

トップページには、読むだけでなく実際に操作できる仕掛けをいくつか入れています。

1. 動きのあるメインビジュアル

最初の画面では、写真が縦3枚のパネルに分かれて、時間差で次の写真に切り替わります。スマートフォンでは横3段に分かれて切り替わります。派手にしすぎず、文字の読みやすさを優先して調整しています。

2. その場で切り替わるデザイン見本

「デザイン実演」では、クリニック・工務店・士業・美容室の中から業種を選び、シンプル・高級感・親しみやすい・かっこいい・和モダンから雰囲気を選ぶと、見本の画面がその場で切り替わります。同じ内容でも、デザインで印象がここまで変わることを確かめていただけます。

3. 他社との料金の違いを一覧で

初期費用・月額費用・サーバーとドメイン・公開後の更新・依頼前のデザイン確認の5項目を、一般的な制作会社の料金例と並べました。1年目に支払う金額の目安も棒グラフで比べられます。

4. かんたん料金診断

作りたいページ数をスライダーで選ぶだけで、プランと月額がわかります。月払い・年払いの切り替えにも対応しています。

5. デザインを見てから決められる

業種とメールアドレスをお送りいただければ、3営業日で御社専用のデザインを1枚お作りします。ここまで費用はかかりません。見たうえで合わなければ、そのままお断りいただいて構いません。

料金の見せ方を変えたポイント

料金はページ数で決まる3つのプランにしました。含まれるサービスは3つとも同じで、違いはページ数だけです。

金額はいずれも税込の月額です。年払いは1年分をまとめてお支払いいただく方法で、月払いより10%お得になります。

年払いは「月あたり」で表示

年払いの金額は、1年分の合計（BASICなら84,240円）だけを見ると高く感じやすいものです。そこで料金診断では、年払いを選んだときに月あたりの金額を大きく表示し、1年分のお支払い額は内訳の行に書くようにしました。月払いとの差額も、毎月いくら・1年でいくらお得になるかを並べています。

問い合わせまでの迷いを減らす工夫

見た目だけでなく、ボタンを押してから送信するまでの流れも見直しました。

• ボタンは「無料でデザインを依頼」と「かんたん料金診断」の2つに絞る
• スマートフォンでは画面下に固定ボタンを表示
• 料金診断で選んだ内容をフォームに自動で引き継ぐ
• 入力もれがあれば、その項目のすぐ下に理由を表示
• ページを長く開いたままでも送信できる

とくにフォームは、せっかく入力していただいた内容が「送れなかった」とならないよう、何度も実際に送信して確認しています。

あわせて読みたいファーストビューとは？ホームページの最初の画面に入れる3要素と良い例・悪い例最初の画面に何を置くかの考え方をまとめています2026.08.21

無料デザインから公開までの流れ

ご相談から公開までの目安は2週間ほどです。お客様にお願いするのは、最初のフォーム入力と最終確認が中心です。

公開したあとは、月2回までの更新代行に加えて、WordPressの保守・バックアップ・不具合への対応も続けます。「作って終わり」にしないことが、WEB PREPAのいちばん大切にしている考え方です。

よくある質問