ホームページ制作の流れ

  1. はじめてのホームページ制作
  2. ホームページ制作の流れ

『Web資産構築型ホームページ』
新規制作の工程

ホームページは家を建てるときのように、土台 → 骨組み → 内装 の順で制作を進めていきます。
最初に全体の方向性を整え、次に言葉や見せ方を固め、最後に実際のWebサイトとして組み上げていく流れです。
順番を大切にすることで、途中で大きく戻ることを減らし、安心して進められる制作を目指しています。

ページ数や追加する機能、プランによって多少前後する場合はありますが、基本的な進み方は下記の通りです。

※既存サイトからのリニューアルの場合は、現在のサイト分析やデータ移行などの専用工程が加わります。

各工程の内容

STEP 01

無料相談・お見積もり

まずは、現在のお悩みや、サイトを作る目的をお伺いします。
「何を載せればよいか分からない」「今のサイトを見直したい」「自分のサービスが伝わる形にしたい」など、まだ整理しきれていない段階でも大丈夫です。
ヒアリング内容をもとに、最適なプランをご提案いたします。

お見積書は、クラウド型の見積書発行システム「Misoca(ミソカ)」からメールでお送りします。
お見積もり内容のボリュームにより異なりますが、通常は3~5営業日以内に発行しております。

STEP 02

お申し込み・ご契約

お見積もり内容にご納得いただけましたら、お見積書ご案内ページより発注のお手続きをお願いいたします。
その後、こちらで制作の範囲(仕様書)やスケジュール表を含めた個別契約書を作成し、お送りいたします。
内容をご確認いただき、電子契約書へのご署名をお願いいたします。

「何を作るか」「いつまでに作るか」といったルールを事前に書面でしっかりと共有しておくことで、制作中の認識違いを防ぎ、安心してお任せいただける体制を整えています。

STEP 03

着手金のご入金

ご契約金額の50%(ライセンス費用などの実費を除く)を着手金として、ご請求書をお送りします。
ご入金確認後、契約時に確定したスケジュールに沿って制作を開始します。
進行状況により、前倒しで進められる場合もあります。

STEP 04

キックオフミーティング

制作開始後、最初にオンラインでキックオフミーティングを行います。
ここでは制作の土台を整えるために、掲載したい内容、参考にしたい雰囲気などを確認します。

当サービスは、はなウェブ独自のデザインフォーマットをベースに制作いたします。
お客様のビジネスに合わせた配色を調整するため、以下の点をお伺いしております。

  • コーポレートカラー(イメージカラー)の有無
  • 全体的な雰囲気の参考となるサイト(※色使いや空気感の参考として共有いただきます)
  • サイトに持たせたい印象(例:信頼感、親しみやすさ、高級感 など)

STEP 05

Web戦略設計

(トータル設計プランの場合)

修正:1回まで(料金内)

丁寧なヒアリングを通じて、ご自身では当たり前だと思って気づいていない強みや、届けたい理想のお客様像(ターゲット)、同業他社との違いなどを深く掘り下げて言語化していきます。
ここで一緒に見つけたブレない軸(コンセプト)が、この後に行うコンテンツ設計や原稿づくりの心強い羅針盤となり、読み手を自然とお問い合わせへと導く、集客力の高いサイトの土台となります。

STEP 06

コンテンツ設計

(トータル設計プランの場合)

修正:1回まで(料金内)

Web戦略設計で引き出したお客様の想いやサービスの強みを、サイトを訪れた方に一番響く形へと落とし込んでいく工程です。
原稿を書き始める前の大切なステップとして、「どのページに・どんな情報を・どのような順番で配置すれば読んだ方の心が動くのか」を客観的な視点で取捨選択し、情報を丁寧に整理整頓していきます。

STEP 07

サーバー契約・ドメイン取得

Webサイト公開に必要な、レンタルサーバー契約とドメイン取得を進めます。
インターネット上の「土地」と「住所」を準備するようなイメージです。

レンタルサーバーとドメインは、お客様ご自身の名義でご契約いただくため、将来的な管理や移管もしやすく、安心して運用していただけます。
なお、実際のご契約手続きはお客様に行っていただきますが、はなウェブが手順をご案内し、必要な初期設定もサポートいたします。

サポート内容について

レンタルサーバー契約について

はなウェブでは、表示速度と安定性を考慮し、『エックスサーバー』を標準利用としています。
契約はお客様名義で行うため、ご自身の資産として安心して運用いただけます。
お申し込み時は、必要な手順をこちらでご案内しますので、はじめての方でもご安心ください。

ドメイン取得について

あなた専用のWebアドレス(〇〇.comなど)の取得もサポートいたします。
はなウェブでは、管理のしやすさや更新時の確認のしやすさを考慮し、ドメインもレンタルサーバーと同じ事業者での取得を標準としています。

STEP 08

原稿・写真素材のご準備・ご提出

ご用意いただくもの

原稿のご用意はプランによって異なります。
画像は全プラン共通で、お客様にてご用意をお願いしております。
最初の段階で、全部揃っていなくても問題ありません。
原稿作成や画像選びなど、お困りごとに応じてオプションで承りますのでご相談ください。

ご提出方法

原稿は、基本構成フォーマット(Googleドキュメント)にご入力いただきます。
画像ファイルは、Googleドライブにアップロードしていただきます。
※ご提出方法の詳細は、別途ご案内させていただきます。

STEP 09

原稿調整・作成

(基本構築プランは対象外)

原稿調整(Web仕上げプランの場合)

修正:1回まで(料金内)

お客様からご提出いただいた原稿の構成や意図はそのままに、Web上でより伝わる文章へと磨き上げます。

原稿作成(トータル設計プランの場合)

修正:2回まで(料金内)

ヒアリングやご提供いただいた資料をもとに、当方で原稿を作成します。

(※法的判断を伴うページは対象外)

STEP 10

サイト構築

デザインの方向性が固まったら、実際のWebサイトとして組み上げていきます。
この工程では、デザインを画面上に再現するだけでなく、スマートフォンでの見え方や、文字量とレイアウトのバランス、操作しやすさなども確認しながら整えていきます。

また、必要に応じて、見た目と読みやすさのバランスを取るために、文章を微調整する場合があります。
大きく内容を変えるものではなく、表示や可読性を整えるための調整です。

STEP 11

デザイン制作・ご確認

第1段階の修正:1回まで(料金内)

確定した構成と原稿・素材をもとに、デザイン1案をご提案します。
ここでは、次のような要素をまとめてご確認いただきます。

  • 配色
  • 全体の雰囲気
  • レイアウト
  • フォント

キックオフで伺ったイメージや、既存のロゴ・ブランドカラーがある場合はそれらも踏まえながら、サイト全体として自然に伝わる見せ方を整えていきます。

なお、デザインをご確認いただく段階では、前のステップで確定した「実際の原稿」をすべて配置した状態でご覧いただきます。
完成時の印象に限りなく近い状態で、イメージ通りの色使いや雰囲気になっているかをじっくりご検討いただけます。

  • 「基本レイアウト」を採用してデザインを制作いたします。
  • トータル設計プランでは、戦略に合わせた基本レイアウトの最適化を行います。
  • 各プランの規定範囲を超える大幅なレイアウト変更や、デザインの変更をご希望の場合は、別途お見積りにて承ります。

STEP 12

ページ制作・実装後の最終確認(動作の確認)

第2段階の修正:「基本構築プラン」は1回まで、他のプランは2回まで(料金内)

サイトが実際のWeb画面として組み上がった段階で、公開前の最終確認を行います。
ここでは、たとえば次のような内容をご確認いただきます。

  • フォームや表などの動作
  • スマートフォンやタブレットでの表示
  • 表示崩れ
  • 誤字脱字

この段階は、実装内容と動作の確認を目的とした工程です。
そのため、配色・レイアウト・フォントなど、前段階で承認済みのデザインに関する変更は対象外となり、別途対応となります。

STEP 13

公開・納品

最終確認が完了しましたら、サイトを公開いたします。
公開後は、ログイン情報と、ご自身で運用いただくためのマニュアルをお渡しします。
その後、実際に管理画面へログインしていただき、仕様書の内容と相違がないか、必要な項目が揃っているかをご確認いただきます。

STEP 14

検査・検収・残金のご請求

納品後は、ご契約内容に基づく検査期間内に、成果物をご確認いただきます。
問題がなければ検収完了となり、残金のご請求を行います。
残金のご入金をもって、すべての手続きが完了となります。

検収の方法や検査期間、公開後の取り扱いなどの詳細は、ご契約書および利用規約に定めています。トラブル防止のため、実際のお手続きにあたっては、そちらをご確認いただいたうえで進行いたします。

納品後のサポートについて

サイトは公開して終わりではなく、その後の運用も大切です。
ログイン方法や基本的な更新方法については、納品時に手順書をお渡ししますので、それに沿って作業をしていただけます。

また、納品後のページ追加やブログ記事代行、WordPressの定期アップデートなどご希望がある場合は、別途サポートプランもご案内しています。
必要なタイミングで、無理のない形でご相談いただければ大丈夫です。

はじめてのWeb制作でも、

ご安心ください

ホームページ制作は、普段あまり触れない言葉や流れが多く、不安を感じやすいものだと思います。
はなウェブでは、専門的なことをなるべく分かりやすく整理しながら、確認のタイミングを区切って進めています。

「今は何を決める段階なのか」「次に何を準備すればよいのか」「どこで確認できるのか」が分かるように進めていきますので、はじめての方でも安心してご相談ください。

「自走」できる環境と
「自立」できる仕組みをつくる

24時間以内にご返事いたします

サービスに関するご質問・お見積もりも承ります。