何のために作るのかを、先に決める。Production
目的・ご要望・使われ方に合わせて、作り方から提案します。ホームページは24時間365日働く営業マンです。
LEAD TIME約3か月STACK3通りEC5サービス
Why
チラシ・フリーペーパー・テレビ・ラジオ・口コミ・SNS。どこで知っても、その情報が本当かどうかを確かめるためにホームページへ来ます。すべての受け皿になる面です。
COVERAGE
91.8%
自社ホームページを開設している企業の割合。総務省「令和4年 通信利用動向調査報告書（企業編）」より
- 01企業の信用力に関わる新規取引先を探すとき、見込み客が商品を探すとき、銀行に融資を受けるとき。相手はまずホームページを検索します。無い会社は信頼を得にくくなります。信用
- 02人材採用の窓口になる見るのは顧客と取引先だけではありません。就職を希望する人も、社風・働いている人・福利厚生を確認します。無いと、知らないうちに採用の機会を落とします。採用
- 03認知度を高め、集客できる問い合わせ・資料請求・予約受付・オンライン販売がインターネット上で行えるようになります。訪れた人の心理に沿って作れば、見込み客の獲得と売上につながります。集客
Four questions
最初にこの4つを伺います。答えが決まると、作るものと作り方がほぼ決まります。
- Q1ホームページに何を求めますか名刺代わりに欲しい。求人に苦戦しているので社風を伝えたい。新規取引を増やしたい。目的によって作るものが変わります。サイトの役割を確定
- Q2更新頻度はどれくらいですか公開したあと、どれくらい手を入れるか。ここがいちばん大きな分かれ道で、作り方（静的／WordPress／OWLet）が決まります。作り方を確定
- Q3WEB広告を使いますか広告でサイトへの訪問を増やしても、受け皿が合っていなければ成果になりません。使うならランディングページを一緒に考えます。LPの要否を確定
- Q4ECサイトを使いますかネットショップの制作とサポート、Instagramとの連携まで対応します。IT導入補助金のご相談も承ります。ECの構成を確定
Where the hours go
作る工程そのものは、むしろ短くしています。全工程を社内で行っているぶん、浮いた時間を前（競合分析・導線設計）と後ろ（分析・改善）に回せます。
DESIGN
40%
サイトコンセプト／ユーザーシナリオ設計（一般的な制作会社の目安 15%）
BUILD
20%
デザイン／制作・構築（一般的な制作会社の目安 65%）
IMPROVE
40%
効果測定（分析と検証）／継続的改善（一般的な制作会社の目安 20%）
- DESIGNサイトコンセプト／ユーザーシナリオ設計ターゲット設定（ペルソナ）ユーザー目線の企画・導線設計徹底的な競合分析
- BUILDデザイン／制作・構築オリジナルデザインコーディングCMS構築
- IMPROVE効果測定（分析と検証）／継続的改善競合サービスの定例分析WEBサイトデータ分析豊富な成功例・改善例の応用
数値は提案資料の記載どおりです。一般的な制作会社との比較は当社の見立てで、業界の統計ではありません。
How we build
いちばん大きな分かれ道は「公開したあと、どれくらい更新するか」です。ここで作り方が変わります。
- 01静的ホームページ更新が少ない場合に。表示が速く、費用も抑えられます。更新: 少
- 02WordPress製ホームページ自社で記事を増やしていく場合に。国内でいちばん使われているCMSです。更新: 多（記事）
- 03OWLet製ホームページ見たままの画面で更新したい場合に。解析とSNS連携まで入っています。更新: 多（全面）
どれを選んでも、公開後の継続的な改善（月次の分析サポート）は同じように行えます。
What we actually do
デザインの好みの話ではなく、どこに何を置くかの話です。制作でやっていることを7つに分けて書きます。
- 01ファーストビュースクロールせずに見える範囲のことです。続きを見るかどうかは約2秒で判断され、魅力が伝わらなければ大半が2〜3秒で離れます。何のページか、独自の強み、ここで何ができるのか（予約・資料請求など）を、その2秒に入れます。2秒
- 02ユーザビリティ必要な情報にすぐ辿り着けるか。メニューはスクロールしても追随させる、押せる場所は押せると分かる形にする、電話や問い合わせのボタンは固定する、現在地を分かるようにする、読み込み速度を上げる。9割以上がスマートフォンで検索するので、まずスマートフォンで判断します。9割はスマホ
- 03モバイルフレンドリースマートフォンでもタブレットでもPCでも見やすいレスポンシブWebデザインで構築します。Googleもこの方式を推奨しています。BtoB企業でもスマートフォンからの閲覧は増えています。レスポンシブ
- 04SEO対策検索エンジンに評価されやすい構造（メタタグなどの基礎設定、訪れた人の目線での内部リンク）で作ります。日本の検索エンジンのシェアはGoogleが約76%なので、Google検索への対策が中心です。主要キーワードは競合が多いため、複数語を組み合わせたロングテールキーワードも意識します。Google 約76%
- 05戦略キーワードの設定御社の強みを活かしたキーワードと、訪れる人の興味・関心から出るキーワードを抽出し、専門ツールで競合他社のキーワードを調べたうえで戦略キーワードを決めます。そのキーワードを軸に各コンテンツを作ります。競合調査
- 06コンテンツ情報収集の段階では、まだ検討中です。事例紹介・お客様の声・ブログ・よくあるご質問など、第三者の声が入っているコンテンツがあると説得力が増します。これらはキーワードを盛り込んで書けるので、SEOにも効きます。第三者の声
- 07セキュリティとCMSSSL（暗号化通信）に対応します。未対応だとブラウザに「保護されていない通信」と表示され、離脱の原因にも検索順位にも影響します。更新のしやすいCMS（アウレット／WordPress）で構築し、公開後に自社で旬の情報を出せる状態にします。SSL / CMS
HP or LP
LP（ランディングページ）は、営業のセールストークを1ページ仕立てにしたWEBページです。他のページへのリンクが無いので、検索・WEB広告・SNSから来た人を、そのまま注文や問い合わせへ運ぶことに特化できます。
- ページ数
- ホームページ：複数のページ ／ LP：単一のページ
- ターゲット
- ホームページ：幅広い層・顧客・取引先・見込み客 ／ LP：特定のセグメント。その商品やサービスに興味を持つ人
- コンテンツ
- ホームページ：会社や組織の総合的な情報提供、サービスの紹介 ／ LP：特定の目的（キャンペーン・製品販売・情報収集）への誘導
- ナビゲーション
- ホームページ：メニューやリンクが多く、複数ページへ移動できる ／ LP：1ページ仕立て。シンプルで直感的
- 行動を促すボタン
- ホームページ：多岐にわたり、さまざまな行動を促す ／ LP：特定の行動（購入・情報入力・申し込み）を促す
- デザイン
- ホームページ：汎用性があり、会社やブランドのイメージを反映 ／ LP：目的に応じて幅が広い
- 流入元
- ホームページ：検索エンジン、直接アクセス、リンクなど ／ LP：広告・SNS・メールなど、特定のキャンペーンから
- コンバージョン率
- ホームページ：情報収集やブランド認知の目的もあるため、LPに比べ低くなる傾向 ／ LP：特定の目標に向けたコンバージョン率が高い
LPは1ページ仕立てなのでSEOが弱点です。検索からの流入だけに頼れないので、流入を増やす施策と組み合わせます。
FORM DROP-OFF
70%
フォームまで辿り着いた人のうち離脱する割合（といわれています）
離脱率を10%改善するだけで、成果は大きく変わります。月に100人がフォームまで来たとして、70人の離脱が60人になれば、問い合わせが月10件増える計算です。せっかく集めた人を申し込み直前で落とすのは、いちばんもったいない機会損失です。
- F01不要な入力欄は省く
- F02必須項目をなるべく減らす
- F03住所入力アシストを入れる
- F04スマートフォンでも入力しやすいサイズにする
- F05入力エラーは、どこが間違いか分かるように出す
- F06プルダウンよりラジオボタンを使う
- F07送信ボタンは目立つデザインにする
信頼の材料も置きます：取引先のロゴ／受賞歴／専門性・有資格者・プロのお墨付き／実績数・創業年数。
What we make
- SITEホームページ・採用特設サイトホームページ採用特設サイト会社の正面玄関になるサイトと、求人媒体と組み合わせる採用の特設サイト。
- LPランディングページWEB広告の受け皿求人専用LP広告からの遷移先。広告とセットで作ると、受け皿のずれが起きません。
- ECECサイトBASESTORESカラーミーShopifyWooCommerceネットショップの構築とサポート。Instagram連携にも対応し、IT導入補助金のご相談も承ります。
Spec
- 制作期間
- 約3か月
- 期間が変わる要因
- 競合分析の有無／ページ数／撮影の有無
- 作り方
- 静的／WordPress／OWLet の3通り
- EC連携
- Instagram連携に対応
- 補助金
- IT導入補助金のご相談も承ります
- 打ち合わせ
- 本社に打ち合わせスペースあり（駐車場なし）
- 公開後
- 継続的な改善（月次の分析サポート）
期間は、競合分析の有無・ページ数・撮影の有無で変わります。あくまで目安としてご覧ください。
作り方の3通りのうち、OWLet だけは商品としての中身が厚いので、別の面にまとめてあります。更新のしやすさで迷っている場合はそちらもご覧ください。