Studioでのホームページ制作の流れ|期間と準備するもの

Studioでのホームページ制作の流れ|期間と準備するもの

「Studioでホームページを作りたいけど、どんな流れで進むの?」「公開までどれくらいかかる?」

この記事では、そんな疑問に、Studioでのホームページ制作を手がける新ゆりデザイン事務所がお答えします。

先に結論をお伝えすると、新ゆりデザイン事務所でのStudio制作は次のように進みます。

  • ヒアリングから公開まで、約1〜3ヶ月が目安
  • 打ち合わせはZoomなどのオンラインで行う(新百合ヶ丘の近隣なら対面も可能)
  • お客様にご用意いただくのは、サイトに載せたい文章・写真・ロゴなど

以下で、ステップごとの内容と、お客様にお願いすること、スムーズに進めるコツを解説します。

Studioでのホームページ制作の流れ【全体像】

まずは、お問い合わせから公開後までの流れを一覧で見てみましょう。各ステップで「制作側が行うこと」と「お客様にお願いすること」を分けています。

ステップ制作側が行うことお客様にお願いすること
1. お問い合わせ・ヒアリング目的・課題・ご予算・公開時期を伺う分かる範囲で、目的やご希望を教えていただく
2. 構成の検討必要なページと、ページごとの内容を決める構成案の確認
3. お見積もり・ご依頼制作費とスケジュールをご提示内容の確認・ご依頼の確定
4. 素材の準備掲載する文章・写真・ロゴを集める素材のご用意
5. デザイントップページと主要なページのデザインを作るデザインの確認・ご意見
6. Studioでの構築スマホ対応、CMS、フォームなどを作り込む—
7. 確認・公開最終確認のあと、独自ドメインで公開最終確認、Studioのプランとドメインのご契約
8. 公開後更新方法のご説明、修正のご相談—

大きく分けると、「準備・ヒアリング」「デザイン・構築」「確認・公開」の3つの段階です。それぞれ詳しく見ていきます。

1. 準備・ヒアリング:サイトの方向性を決める

最初の段階は、どんなサイトを作るかを決める、いちばん大切なステップです。ここでの整理が、その後の制作のスムーズさとサイトの質を左右します。

お問い合わせ・ヒアリング

お問い合わせをいただいたら、Zoomなどのオンラインミーティングで、次のような内容を伺います。新百合ヶ丘の近隣であれば、対面での打ち合わせもできます。

  • どんなサイトを作りたいか、サイトで何をしたいか
  • 今困っていること(問い合わせが来ない、更新が大変など)
  • ご予算の目安
  • 公開したい時期

すべてが決まっていなくても大丈夫です。「何から考えればいいか分からない」という段階から、一緒に整理していきます。

構成の検討

ヒアリングの内容をもとに、誰に向けて、何を伝え、最後にどんな行動(問い合わせ・予約など)をしてもらいたいかを整理します。そのうえで、必要なページと、ページごとに載せる内容を決めます。

新ゆりデザイン事務所のStudio制作プランでは、トップページと下層ページで合計3〜5ページ程度が基本です。お知らせやブログを更新したい場合は、CMSの設計もこの段階で検討します。

お見積もり・ご依頼

大まかな構成が固まったら、制作費とスケジュールをご提示します。内容にご納得いただけたら、正式なご依頼となります。

Studio制作プランは30万円〜(税別)、Studioのテンプレートを使う場合は15万円〜(税別)が目安です。

素材の準備

サイトに載せる文章、写真、ロゴなどを集めます。この段階で素材がそろっているほど、制作は早く進みます。

文章は、最初から完成した原稿でなくても構いません。箇条書きのメモをいただければ、そこから構成に合わせて整えていきます。

原稿の作成は1ページ15,000円、写真の加工は5,000円〜でご依頼いただけます。

2. デザイン・構築:Studioでサイトを形にする

方向性と素材がそろったら、Studioで実際にサイトを作っていきます。

デザインの作成と確認

ヒアリングの内容や参考サイトをもとに、トップページと主要なページのデザインを作ります。この段階で方向性をしっかり確認しておくと、後から大きな作り直しが発生しにくくなります。色や雰囲気、写真の使い方など、気になる点は遠慮なくお伝えください。

Studioでの構築

デザインが決まったら、Studioでサイトを組み立てます。パソコン・タブレット・スマホのどれで見ても読みやすいように、画面の大きさごとに表示を調整します。

CMS(お知らせ・ブログなど)の設計

お知らせやブログ、制作実績など、公開後に更新していく内容はCMSで作ります。お客様ご自身が迷わず更新できるよう、入力する項目や表示のルールを整理しておきます。

フォームや各種設定

お問い合わせフォームの設置、検索エンジン向けの基本的な設定など、サイトの運用に必要な設定を行います。

3. 確認・公開:仕上げて公開する

サイトができあがったら、公開前の最終確認をして、独自ドメインで公開します。

最終確認

完成したサイトを公開前の状態でご確認いただきます。文章の誤字、リンク、フォームの送信など、実際に操作しながらチェックし、必要があれば最後の調整をします。

Studioのプランとドメインのご契約

Studioのプランと独自ドメインは、お客様ご自身の名義でご契約いただきます。サイトもドメインもお客様のものになるので、将来、制作会社を変えることになっても安心です。3ページ以上のホームページなら、多くの場合はPersonalプラン(年払いで月1,190円)で足ります。

Studioの料金プランを比較

公開

最終確認が終わったら、独自ドメインでサイトを公開します。ここからが、サイトを育てていくスタートですと言っていいでしょう。

制作期間の目安と、スムーズに進めるコツ

新ゆりデザイン事務所のStudio制作は、ヒアリングから公開まで約1〜3ヶ月が目安です。期間が延びる原因の多くは、素材の準備と確認のやり取りです。次の3つを意識すると、スムーズに進みます。

  • 参考にしたいサイトを2〜3つ集めておく:好きな雰囲気を言葉にするより、伝わりやすくなります
  • 写真は早めに用意する:撮影が必要な場合は、日程を早めに決めておきましょう
  • 確認の窓口を1人に決める:社内で意見をまとめてから伝えていただくと、やり取りが少なく済みます

「公開したい日が決まっている」という場合は、最初のヒアリングでお伝えください。そこから逆算してスケジュールを組みます。

まずは無料相談から

「まだ何も決まっていない」という段階でも大丈夫です。新ゆりデザイン事務所の無料相談で、今の状況を気軽にお聞かせください。

Studioの制作代行 無料相談はこちら

公開後のサポート

サイトは、公開してからが本番です。新ゆりデザイン事務所では、公開後も次のようにサポートしています。

更新方法のご説明

納品の際に、実際の管理画面を使って、お知らせの追加や文章の差し替えなどの更新方法をご説明します。Studioは画面を見ながら直感的に操作できるので、簡単な更新はご自身でできるようになります。

公開後の修正

文章や画像の差し替えなどの単発の修正は、1回5,000円〜で承っています。簡単なものはご自身で、手間のかかるものはお任せいただく、という使い分けもできます。

改善のご相談

アクセスの状況を見ながら、ページの追加や内容の見直しなど、サイトをより良くするためのご相談にも対応します。

制作をご依頼いただく前に知っておきたいことは、次の記事にもまとめています。

Studio制作のよくある質問

Studioでのホームページ制作の流れ よくある質問

制作の流れについて、よくある質問をまとめました。

Q1. Studioでのホームページ制作には、どれくらいの期間がかかりますか?

新ゆりデザイン事務所の場合、ヒアリングから公開まで約1〜3ヶ月が目安です。掲載する文章や写真の準備、デザインの確認にかかる時間によって前後します。

Q2. 打ち合わせはどのように行いますか?

Zoomなどのオンラインミーティングで、サイトの目的やご要望、ご予算などを伺います。新百合ヶ丘の近隣であれば、対面での打ち合わせもできます。

Q3. 制作の前に、何を準備すればいいですか?

サイトに載せたい文章や写真、ロゴなどをご用意ください。文章は箇条書きのメモからでも構いません。原稿の作成(1ページ15,000円)や写真の加工(5,000円〜)をご依頼いただくこともできます。

Q4. 公開後の修正もお願いできますか?

できます。文章や画像の差し替えなどの単発の修正は、1回5,000円〜で承っています。Studioはご自身でも更新しやすいので、簡単な修正はご自身で、手間のかかる修正はお任せいただく、という使い分けもできます。

まとめ:流れを知っておけば、安心して制作を進められる

新ゆりデザイン事務所でのStudio制作は、ヒアリングから公開まで約1〜3ヶ月が目安です。最初に方向性をしっかり決め、素材を早めにそろえることが、スムーズに進めるいちばんのコツです。

制作の費用や、依頼前に気になることは、次の記事で詳しく解説しています。

Studioホームページ制作代行

「自分の場合はどう進めればいい?」という段階からでも、新ゆりデザイン事務所の無料相談でお気軽にご相談ください。

Studioの制作代行

この記事を書いた人

新ゆりデザイン事務所 / いとう

イメージを形にするのが好きで、ウェブ制作が好きになりました。WordPress、Studioの構築が得意です。

その他のコラム

無料相談