Flow

ホームページ制作の流れ

成果につながるホームページ制作は
事前の企画が重要

競合分析、キーワードプランニングなど制作前の戦略策定がポイント

ホームページ制作では、目的や想定ユーザー、掲載情報、検索ニーズを事前に整理することが重要です。ZoDDoでは、競合や検索キーワードを調査し、お客様へのヒアリングを通じてサイト構成やコンテンツの方針を設計します。制作中は内容のご確認や素材のご提供など、お客様にもご協力いただきながら進めます。

お問い合わせからご契約まで

お電話またはメールフォームからお問い合わせ

ホームページ制作またはWEBマーケティングをご検討のお客様は、お電話またはお問い合わせフォームよりご連絡ください。担当より電話またはメールにて連絡し、会社概要やご予算など簡単なヒアリングを行います。

簡易ヒアリングの実施

会社概要や事業内容、WEBマーケティングの数値目標、経営状況、経営課題、競合他社の状況、現在取り組んでいるマーケティング施策などをお伺いします。
この段階でお客様にご用意いただく資料は特にありませんが、既存の資料やパンフレットをお持ちの場合は、ご共有いただけるとヒアリングをスムーズに進められます。
（数値目標など指標が不明でも構いません。）

ご提案資料・お見積書の作成

ヒアリングを基にホームページ制作見積書を作成します。
WEBサイトの構成内容（各ページの内容・サイトマップ）を記載した資料と共に提案いたします。見積書・資料をご確認いただき、ご承諾いただきましたら制作契約書にサインいただきご契約となります。

契約書類の読み合わせ・契約締結

ご提案内容とお見積書にご納得いただけた場合は、契約書と重要事項確認書の読み合わせを行います。担当ディレクターが、対面またはオンラインミーティングで声に出して各種書類を読み上げますので、契約内容をご理解いただいた上でホームページ制作を開始します。

戦略設計・取材・ライティング

競合分析・検索クエリ調査の実施

ご提案時に実施した分析よりも、さらに深掘りして競合他社の分析や検索クエリ（検索キーワード）の調査を行います。SWOT分析だけでなく、検索順位や被リンク、外部ツールによるドメイン評価指標、推定トラフィック、検索ボリュームなどを参考に、競合サイトと検索ニーズを分析します。

ホームページ制作の企画・戦略会議の実施

社内にて、ディレクター、デザイナー、コーダーをアサインし、チームを結成して制作を進めていきます。初期のヒアリング内容、検索クエリや競合分析の結果を基に各担当分野ごとに制作を進行していきます。定期的に戦略会議を実施し、各工程の進捗やノウハウを共有することで、集客につながるホームページ制作に向けたロードマップを策定します。

ヒアリング・見学の実施

戦略会議でホームページ制作の方向性を決定したのち、お客様の事業内容や特性などを把握するために、ヒアリング・見学を実施します。会社や工場、営業現場、店舗などを現地視察することで、事前の分析や企画とのズレやミスマッチを解消し、ホームページで訴求すべきポイントやボトルネックとなるポイントを把握します。また、現場で働くスタッフにも取材を重ねることで、よりリアルな企業の姿を理解することに繋げています。

ホームページ原稿の執筆・ライティング

コンテンツに掲載する文章（ライティング）の作成を開始します。ご用意いただいた文章を基に、当社にてコンテンツに合わせて修正を行います。WEBライティングをご契約の場合は、予定を調整した上でインタビューを実施し、WEBライターが各コンテンツの文章を執筆します。ホームページに記載する検索キーワードの選定と検索ボリュームの調査を繰り返しながら、検索意図に沿って必要な情報を整理し、ユーザーにとって分かりやすい原稿を作成します。

WEBデザイン制作

アートディレクション・ワイヤーフレームの作成

ライターが執筆した原稿に基づき、ディレクターとライター、デザイナーの3職種でミーティングを重ね、デザインの企画や方向性の検討、スタイルガイドの作成などを行います。このようなアートディレクションをデザイナーだけに委ねるのではなく、各職種が横断的に関与することで、情報を分かりやすく伝え、目的に沿った統一感のあるホームページデザインを制作します。

ホームページデザインの制作

想定ユーザーのペルソナを踏まえて、性別や年代、ニーズ、利用デバイス・ブラウザ、閲覧環境などに合わせたホームページのデザインを制作し、情報を探しやすく、問い合わせなど次の行動につながりやすいデザインを目指します。なお、デザインは、パソコンビューとスマホビューの2種類を制作します。

写真素材の撮影

ホームページに使用する写真素材は、ディレクターとデザイナー立ち会いのもと、当社のカメラマンが一点一点撮影を行います。撮影する内容によっては、モデル事務所の手配からオーディションの実施、メイク・衣装の手配まで、スチール撮影・動画撮影を問わずワンストップで全て手配します。（モデル、メイク等はオプションとなります。）

コーディング・公開

仕様設計・コーディングの実施

デザイン、文章、画像がそろった段階でコーディングを開始します。見出し構造や内部リンク、画像の代替テキスト、モバイル表示などを確認し、検索エンジンとユーザーの双方が内容を理解しやすいサイトを構築します。

テストアップ・動作チェック

コーディングが完了したホームページをクローズドなテストサーバーにテストアップして、動作やレスポンシブ表示のチェックを行います。テスト環境で、表示崩れ、リンク、フォーム、各種端末での表示、基本的なSEO設定を確認します。各担当者がそれぞれの観点からチェックしたうえで公開します。

本番公開・操作方法のご説明

お客様のご指定に合わせてホームページを本番環境へ公開します。公開後は、更新方法やアクセス解析などのマニュアルをお渡しし、操作方法をご説明します。