03 / WEB
見た目ではなく、
成約までの導線を設計します。
きれいなサイトが売れるサイトとは限りません。誰に、何を、どの順番で見せるか。そこを決めてから、デザインに入ります。
Problem
こんな課題は
ありませんか。
サイトを作ったのに成果が変わらない場合、原因はデザインではなく設計にあります。
- リニューアルしたのに、問い合わせ数が変わらない
- 制作会社に「SEOは別途です」と言われ、そのままになっている
- 作った後の更新を頼むと、そのたびに費用が発生する
- スマホで見ると崩れている箇所がある
- 何を載せるべきか決まらず、制作が止まっている
- 広告を出しているが、着地先のLPを誰も改善していない
サイトは作って終わるものではなく、成果を出すための道具です。ところが「作ること」が目的になった瞬間、道具としての性能は誰も測らなくなります。
About
成果を決めるのは、
見た目ではなく順番です。
訪問者は、上から順に読むわけではありません。最初の数秒で「自分に関係があるか」を判断し、関係ないと思えば去ります。デザインの美しさが評価されるのは、その判断を通過した後です。
だからこそ、制作の前に決めるべきことがあります。
制作に入る前に決める3つのこと
- 誰に向けたサイトか想定する読み手を1人に絞ります。「幅広く」は、誰にも届かないという意味です
- 何を約束するか訪問者が得られる価値を、具体的な言葉にします
- 次に何をしてほしいか問い合わせか、資料請求か、電話か。ゴールをひとつに定めます
※ ここが決まっていない状態でデザインを始めると、修正が終わらなくなります。
Why
なぜ、作り直しても
成果が出ないのか。
制作費の大半が、成果に関係ない工程に消えている
一般的な制作では、ディレクション費と調整工数が費用の半分近くを占めます。複数社が関わるほど、この比率は上がります。
設計・デザイン・コーディングを同じ人間が行えば、伝達のための工数がそもそも発生しません。
検索評価を引き継げていない
リニューアルで最も多い事故は、URLが変わったのにリダイレクトを設定していないケースです。これまで積み上げた検索評価が一度に失われ、流入が数分の一になります。
「リニューアル後に順位が落ちた」という相談の多くは、この初歩的な設定漏れが原因です。
公開後、誰も改善していない
成約率は、公開時点で決まりません。実際の訪問者の動きを見て、詰まっている箇所を直して初めて上がります。
制作会社との契約が納品で終わっていると、この改善フェーズを担当する人がいなくなります。
制作費100万円の内訳(モデルケース)
分業体制と、設計から実装まで一人で行う場合の比較
※ 一般的な制作体制を想定したモデルケースです。実際の内訳は発注先の構成により異なります。
Reason
当社の制作が
違う3つの理由。
- 01 / SEO BUILT-INSEOの内部施工が標準で入ります
URL設計、見出し構造、構造化データ、表示速度、内部リンク。これらは納品時点で施工済みです。「SEOは別途お見積り」という提案はしません。後から足すより、最初から設計に織り込むほうが安く、かつ効きます。
- 02 / COPY & DESIGNコピーと図版も自分で作ります
構成案、キャッチコピー、図解、バナー。言葉と絵の両方を自分で用意できます。ライターとデザイナーに分けて発注すると、意図が薄まり、往復の回数が増えます。
- 03 / AFTER公開後の改善まで見ます
納品して終わりにしません。実際の訪問者の動きを見て、離脱している箇所を直します。サイトは公開してからが本番です。顧問契約の場合は、この改善が月額に含まれます。
First View
ファーストビューの設計
成約率の差が最も大きく出る箇所です。当社が使っている型をそのまま公開します。
よくある構成と、当社の構成
訪問者が3秒で判断する情報を、どの順に置くか
よくある構成
雰囲気から入る
- 抽象的なキャッチコピー(例:未来をつくる)
- 大きなイメージ写真
- 会社の歴史や理念
- ボタンは下のほうに小さく
「何の会社か分からない」で離脱
当社の構成
判断材料から入る
- 誰のためのページかを明示
- 得られる価値を数字で提示
- なぜ自社なのかを一行で
- 行動はボタン1つに絞る
3秒で「自分向けだ」と分かる
※ ブランディング目的のサイトでは前者が適する場合もあります。問い合わせ獲得が目的の場合の型です。
実績数値や取引社数をボタンの近くに置くと、行動直前の不安を下げられます。ただし根拠のない数字を置くのは逆効果ですし、景品表示法の観点でも問題になります。出せる数字だけを使ってください。
Performance
表示速度は、
それだけで成果を削ります。
広告費をかけて呼んだ訪問者が、表示を待てずに去っている場合があります。
表示にかかる秒数と、離脱率の関係
一般に知られている傾向を図示したもの(当社の実測値ではありません)
※ 業界横断の一般的な傾向として知られている値をもとに作図したものです。実際の離脱率は商材・流入経路により大きく異なります。自社サイトの実数はPageSpeed Insightsと解析ツールでご確認ください。
当社が静的サイトを推す理由のひとつがここにあります。あらかじめHTMLを生成しておき、CDNから配信する構成は、構造的に速い。アクセスのたびにサーバーでページを組み立てる方式とは、出発点が違います。
加えて、サーバー側で実行されるコードがないため、改ざんやマルウェア混入のリスクも構造的に下がります。速度と安全性を同時に取れる構成です。
Scope
制作範囲
どこまでを当社が行い、何をご準備いただくかを明確にしています。
当社が行うこと
- ヒアリングと構成設計
- キャッチコピー・本文の原案作成
- デザイン制作
- HTML/CSS/JavaScript の実装
- SEOの内部施工・構造化データ
- スマートフォン対応
- お問い合わせフォームの設置
- 公開作業・独自ドメインの設定
- 図解・バナー等の作図
ご準備いただくもの
- ヒアリングへのご協力
- 掲載する実績・お客様の声の確認
- ロゴデータ(お持ちの場合)
- 写真素材(撮影は別途手配可能)
- 原稿の内容確認とご承認
- 独自ドメインの管理情報
After
公開後にやること
成約率は公開時点では決まりません。実際の訪問者の動きを見て、初めて改善できます。
公開してから成果が安定するまでの流れ
- 計測環境を整える解析ツールとSearch Console、問い合わせの計測を確実に動かします
- 離脱箇所を特定するどのセクションで読むのをやめているかを実データで見ます
- 仮説を立てて直すファーストビュー、価格の見せ方、ボタンの文言から順に
- 検証して定着させる効果があった変更を残し、なかったものは戻します
※ 公開直後は訪問者数が少ないため、判断には最低1ヶ月分のデータが必要です。
公開直後に手を入れすぎるのは逆効果です。データが溜まっていない状態での変更は、勘に頼った修正になります。まず1ヶ月、素直に運用して数字を貯めてください。
そのうえで、最も離脱している1箇所だけを直す。複数箇所を同時に変えると、何が効いたのか分からなくなります。地味ですが、これが最短の道です。
Flow
進め方
デザイン案の段階でお断りいただけます。作り切ってからのミスマッチを避けるためです。
ヒアリング・要件整理
事業の内容、想定する顧客、競合、現在の課題を伺います。既存サイトがある場合は、解析データも拝見します。
成果物:要件定義書/サイトマップ
1週間構成設計・原稿作成
各ページに何を、どの順で載せるかを決め、原案を書きます。ここが成果を最も左右する工程です。
成果物:ワイヤーフレーム/原稿
1〜2週間デザイン
トップページのデザイン案をお出しします。方向性が合わない場合は、この時点でお断りいただけます。
成果物:デザインデータ
1〜2週間実装・SEO施工
コーディングと同時に内部施工を行います。表示速度、構造化データ、スマホ対応まで含みます。
成果物:確認用サイト
2〜4週間公開・計測設定
独自ドメインへの接続、解析ツールとSearch Consoleの設定を行い、公開します。旧サイトがある場合はリダイレクトを設定します。
成果物:公開済みサイト/計測環境
1週間Difference
他社との違い
| 制作会社 | サイト作成サービス | 皐月クリエイティブ | |
|---|---|---|---|
| SEOの内部施工 | 別料金のことが多い | テンプレート任せ | 標準で込み |
| 原稿・コピー | 別料金または施主支給 | 自分で書く | 原案まで作成 |
| 公開後の改善 | 納品で終了 | 自分で行う | 顧問契約に含む |
| 更新のたびの費用 | 都度発生 | 自分でやれば無料 | 顧問契約なら込み |
| 広告との連携 | 範囲外 | 範囲外 | 同じ人間が両方見る |
| 費用 | 高め | 安い | 中間 |
| 向いている場合 | 大規模・多人数体制 | とにかく安く始めたい | 成果を出す前提で作りたい |
Price
料金
制作のみと、公開後の改善まで含む顧問契約のいずれかをお選びいただけます。
LP制作
220,000円〜(税込)
1ページ完結型。広告の着地先として、成約を取るための構成で作ります。
- 構成設計・原稿作成
- デザイン・コーディング
- SEO内部施工
- スマートフォン対応
- お問い合わせフォーム設置
コーポレートサイト制作
550,000円〜(税込)
拡張性とSEOを重視した構成。長期の資産として運用することを前提に設計します。
- LP制作の内容をすべて含む
- 複数ページ・階層構造の設計
- ブログ・お知らせ機能
- 更新しやすい管理の仕組み
- 公開後の計測設定
※ ページ数・機能により変動します。お見積りは無料です。
※ 撮影・イラスト制作をご希望の場合は別途お見積りとなります。
※ 公開後の継続的な改善をご希望の場合は、顧問契約をご検討ください。
FAQ
よくあるご質問
納期はどのくらいですか。
LPで3〜4週間、コーポレートサイトで6〜10週間が目安です。ただしこれは、原稿と素材のご提供が滞りなく進んだ場合です。実務上、納期が延びる原因の大半は制作側ではなく、原稿確認の待ち時間です。最初にスケジュールを引き、どこで何が必要かを明示します。
原稿は用意する必要がありますか。
構成案と原案は当社で作成します。事業のことを最もよく知っているのはご担当者ですので、ヒアリングで引き出した内容を文章に起こす形です。ゼロから書いてくださいとはお願いしません。
WordPressで作ってもらえますか。
可能です。ただし更新頻度が低いサイトでは、静的サイトをおすすめしています。WordPressはプラグインとコア本体の更新を続けないと脆弱性が残り、実際に改ざん被害につながります。更新作業を継続できる体制があるかどうかで判断します。
自分で更新できるようにしてほしいのですが。
更新が必要な箇所を最初に決め、そこだけ編集できる形にします。全ページを自由に編集できる仕組みにすると、レイアウトが崩れたりSEOの設定が失われたりします。触れる範囲を絞るほうが、結果的に運用は楽になります。
写真やイラストはどうなりますか。
撮影は外部のカメラマンに依頼します。イラストや図版は当社で制作可能です。ストックフォトで済ませるか撮影するかは、予算と用途で判断します。同業他社と同じ写真を使っていることは意外と多く、差別化の観点では撮影をおすすめします。
公開後の保守はお願いできますか。
対応します。静的サイトの場合、保守はほぼ不要になります。サーバー側で動くプログラムがないため、脆弱性の更新作業が発生しません。この構成を推す理由のひとつです。
既存サイトのリニューアルでも大丈夫ですか。
対応します。リニューアルで最も多い事故は、URLが変わったのにリダイレクトを設定せず、検索評価を失うケースです。当社では旧URLの一覧を作り、対応表を用意してから切り替えます。
デザインの好みが合うか不安です。
着手前にトップページのデザイン案をお出しします。方向性が合わない場合は、その時点でお断りいただいて構いません。全体を作り切ってから「思っていたのと違う」となるのが最も不幸ですので、早い段階で確認します。
まずは60分、
現在のサイトを見せてください。
作り直すべきか、部分改修で足りるか。現状を拝見して、正直にお答えします。作らないほうがよい場合は、そう申し上げます。
相談料:1時間7,000円〜(税別)/オンライン・対面いずれも対応