アットノエルのホームページ制作の流れ。11のステップと他社との違いを解説

ホームページ制作には相応の時間がかかります。アットノエルでは、20ページ程度のコーポレートサイトで平均6ヶ月程度が目安です。「思ったより時間がかかる」と感じる方もいらっしゃいますが、実際に制作が進むにつれて「これだけかかるのは納得」とおっしゃっていただけることが多いです。本記事では、アットノエル独自の制作フローと、他社との違いを具体的に解説します。

この記事のポイント

• アットノエルの制作フローは11のステップで進む
• 最大の特徴は「初期設計」と「本設計」の2段階の設計プロセス
• 「ヒアリングと提案を同時に、お客さまと一緒に答えを導き出す」スタンスを大切にしている
• 受注後も担当者は変わらず、納品後の運用サポートまで同じプランナーが対応する

この記事が向く人・向かない人

向く人

• アットノエルへの依頼を検討しており、具体的な進め方を知りたい方
• 他社と比べてどう違うのかを確認したい方
• 制作にどのくらい時間がかかるか把握したい方

向かない人

• 「何から始めればいいかわからない」という初期検討段階の方（→まずはWebサイト制作の進め方と流れをご覧ください）

アットノエルのホームページ制作フローの全体像

以下の11ステップで進みます。ここでは20ページ程度・WordPress構築・PC＋スマートフォン対応のコーポレートサイトを想定しています。

各ステップの詳細：どんなことをするのか？

ステップ1：初回ヒアリングでは何を聞かれるのか？

ご要望・お悩み・課題・目的・御社のことをお聞きします。この時点では資料がなくても問題ありません。必要な資料はその後のやりとりで随時お伝えします。

»関連記事：ホームページ制作の打ち合わせに必要な資料

ステップ2：初期構想・概算見積とは何か？

初回ヒアリングをもとに、必要なページ・掲載内容・システムをプランナーが整理します。TOPページの構成案・サイトマップ・概算見積書をご用意し、ご依頼いただくかどうかを検討いただきます。制作費用だけでなく、ランニングコストや支払い方法についても説明します。

ステップ3：契約後に担当者は変わるのか？

変わりません。すべてのお客さまの窓口は、代表の水上が直接担当します。受注後も、運用サポートまで一貫して同じ担当者が関わります。

なお、長いお付き合いになるほど、クライアント側の担当者が退職や異動で変わることも珍しくありません。そのような場合でも、プロジェクトの最初からすべての経緯を把握しているのがアットノエルの担当者であるため、引き継ぎのたびにゼロから説明する必要がありません。

ステップ4：取材・初期設計で何をするのか？

契約後すぐにデザインに入るわけではありません。あらためて詳しいヒアリングを行い、必要に応じて会社や現場の見学もします。御社への理解を深めながら、全ページの構成案を作成します。この段階では特に以下の2点を重点的に検討します。

• 訪問者へのアピール：サイトを訪れたユーザーにどのように強みを伝えるか
• 流入経路：検索・SNS・広告など、どこからアクセスしてもらうか

ステップ5：本設計とは何か？他社と最も異なる部分

アットノエル最大の特徴がこの「本設計」です。プランナーが作成した初期設計をデザイナー・エンジニア・ディレクター全員で見直します。

御社への理解度が高いプランナーの案に対し、理解度の低い第三者（デザイナー・エンジニア）が「わかりにくい点」を指摘する。この視点のぶつかり合いがサイトの品質を高めます。場合によってはWebに詳しくない事務スタッフも参加し、一般ユーザーに近い目線での意見を取り入れます。

ヒアリングしてから持ち帰って提案する、あるいはお客さまにご要望をまとめていただく、という進め方ではなく、ヒアリングと提案を同時に行いながら、お客さまと一緒に答えを導き出すスタンスを大切にしています。Zoomなどリモートでのミーティングでは、お客さまのご意見をその場でワイヤーフレームに反映しながら進めることもよくあります。

ステップ6：構成案確認・素材準備では何を用意するのか？

本設計でブラッシュアップした構成案（ワイヤーフレーム）を確認いただいたうえで、必要な写真・テキストの準備をお願いします。

テキストについては「こういうことを書いてください」という指示を出したり、ヒアリング内容をもとにサンプル文を作成したりします。いただいた文章をそのまま使うことはなく、内容を確認・編集したうえで掲載します。箇条書きや要点のみでも対応できます。写真については撮影のコーディネートも対応しています。

ステップ7〜8：デザインはどう進むのか？

素材が揃い次第、まずトップページのデザインから着手します。トップページはサイト全体の方向性を決める重要なページです。対面またはリモートで画面を見ながらご提案します。トップページのデザインが確定したら、下層ページ（トップページ以外）のデザインを進めます。

ステップ9〜11：コーディングから公開まで

デザイン確定後、コーディング・WordPress構築・機能実装を行います。完了後はテスト環境で双方が最終確認を行い、問題がなければ本番環境に公開します。公開に合わせてドメイン・サーバーの設定やGoogle Analyticsの設定も行い、運用開始となります。

アットノエルの制作が他社と違う点は何か？

リニューアルのお客さまから「進め方がまったく違う」と言われることがあります。最も異なるのは「初期設計」と「本設計」の2段階の設計プロセスです。

「ただつくること」が目的であれば、初期設計のみにしたり、デザインと並行して設計したりすることで制作期間を圧縮できます。そういう進め方をする制作会社も少なくありません。しかしアットノエルでは、御社をできる限り理解し、社内で何度も議論し、良いホームページをつくるための手間を惜しまないことが、完成したサイトの質とその後の成果につながると考えています。

また、すべての窓口を代表が直接担当するため、打ち合わせ中の疑問にその場で答え、その場で判断できます。大規模な制作会社では担当者が「上長に確認します」「デザイナーに確認してから連絡します」となりがちですが、アットノエルではそうした待ち時間が発生しません。

よくある質問

Q. 制作の途中でスタッフが変わることはありますか？

A. ありません。初回ヒアリングから担当したプランナーが、納品後の運用サポートまで一貫して対応します。

Q. 初期設計と本設計の2段階に分けることで、何が変わりますか？

A. 御社への理解が深いプランナーの案に対し、第三者視点（デザイナー・エンジニア）が「わかりにくい点」を指摘することで、ユーザー目線でのわかりやすさが向上します。これがサイトの品質向上に直結します。

Q. テキスト（文章）を自分で書く自信がないのですが、どうすればよいですか？

A. 問題ありません。ヒアリング内容をもとにサンプルテキストを用意しますので、それをベースに確認・修正いただく形で進めます。いただいた文章はそのまま使わず、内容を確認・編集したうえで掲載します。要点の箇条書きでも対応できます。

Q. 制作期間を短くすることはできますか？

A. いくつかの方法があります。ページ数を絞る・機能をシンプルにする・素材の準備を早める、といった方法のほか、全ページを一度に公開するのではなく、2段階・3段階に分けてリリースする方法をご提案することもあります。まず重要ページを先行公開し、残りのページを後から追加する形です。ただし設計のプロセスを省くとサイトの質に影響するため、最低限の設計期間は確保することをオススメします。

Q. 公開後のサポートはありますか？

A. はい。制作から運用サポートまで一貫して対応しています。月次レポート・定例ミーティング・更新作業・仕様変更対応など、Web事業部として幅広くサポートします。詳しくは運用サポートページをご覧ください。

まとめ

アットノエルのホームページ制作は11のステップで進み、平均6ヶ月程度かかります。最大の特徴は「初期設計」と「本設計」の2段階設計と、担当プランナーが一貫して関わる体制です。

• 初回ヒアリングから公開まで11ステップ・平均6ヶ月
• 2段階の設計プロセスで、ユーザー目線のわかりやすさを徹底的に追求
• 代表が直接担当・全決定権を持つため、打ち合わせ中の質問にその場で即回答できる
• 担当者は変わらず、長期取引でクライアント側の担当者が変わっても経緯を一貫して把握している
• テキスト準備はサンプル文・AIを活用してサポート

制作の流れについて詳しく聞きたい方は、まずはお気軽にご相談ください。「何も決まっていない」段階からのご相談については「Webサイト制作の進め方と流れ」もあわせてご覧ください。