Eggs of Designer

新宿在住の現役WebデザイナーがWeb・デザイン・SEO・アフィリエイト・ダイエット・生活・人生などについて気ままに語ります。

ホームページ制作の流れって?(前編)

web制作関連 , , , ,

フリーランスで仕事が欲しいならここ

      2015/07/20

drawing_circle_hires

ホームページ作成にあたって、お客様との間で必ず打ち合わせを行います。大体のホームページは完成まで依頼されてから約2ヶ月程度の時間を要すると言われております。その間、お客様を不安にさせない為にも、スケジュールの管理こまめな連絡が必要です。これはWebディレクターに限らず、Webデザイナーも意識しておくべき点です。スケジュールに遅れがないか、要望の箇所が実現できるかを常に頭に置き「報連相」を徹底する必要があります。Webディレクターの指示で制作だけするのではなく、スケジュール間や全体の流れを意識するべきなのです。

では、ホームページ制作の流れとはどのように学べばよいのでしょうか?研修制度を設けている企業の場合は未経験でも勉強の機会がありますが、そのような制度を設けている制作会社は少ないと思います。どちらかというと実際に業務に入り学ぶというケースが多い様に感じます。企業によってホームページ制作の流れは異なるかと思いますが、僕が実際に学んだケースを紹介したいと思います。未経験でこれからWebデザイナーを目指す方はぜひ読んでみてください。

ホームページ制作の流れ

①ホームページ制作のお問い合せ

customer_support

アウトバウンドの営業をする企業もありますが、それなりの実績や知名度がある企業はインバウンドで依頼が入ります。電話、メールでの問合せが殆どで、初期段階では予算納期参考サイト等を質問する事が多いです。この段階では営業(アカウント)がお客様とやり取りします。質問項目にそったヒアリングを行い、打ち合わせの日程決めを行います。打ち合わせまでの期間は、企画書の作成、打ち合わせの段取りを考えます。

②打ち合わせ

business-meeting-free-illustration_23-2147495191

問合せ時に担当した営業とWebディレクター、場合によってはデザイナーエンジニアも同伴します。そして、①の段階で徴集した質問に対する回答に対してより掘り下げた質問を行います。また、現在のタスク状況、スキルでお客様の要望を実現できるか?予算内で実現できるか?納期は間に合うか?等の判断します。

  • ホームページを制作する目的
  • 現状ホームページで困っている事
  • 企業カラーは何か
  • どんな機能が欲しいのか
  • おおよそのページ数
  • 写真、画像等の素材は用意できるのか・・・etc

③企画・立案

cartoon-business-people---vector_23-2147497665

お客様にヒアリングした情報を元にコスト、スケジュールを考えます。また、特別な機能等を実装する場合はエンジニアやデザイナーを交えたMTGを行います。この段階では主にWebディレクターがメインで動きます。コストやスケジュールが決まり次第見積もりを出します。

④見積書提出

editable-invoice-template_23-2147494165

TOPページのデザイン費用、ロゴ作成費用、サブページ、問合せフォーム、コーディング等出来る限り分かりやすく記載してあげると親切です。予算はホームページ制作に置いて結構重要なポイントとなる為、予算の調整も必要となります。

終わりに

さて、ホームページ制作の流れって?(前編)はどうでしたでしょうか?次回は実際の作業工程を簡単に説明していきます。後編をお楽しみに!

  関連記事

jQuery初心者が最初に必要な基礎知識

楽天booksにてWeb制作の現場で使うjQueryデザイン入門を購入しました。 …

ホームページ制作を業者に依頼する時の注意するべきポイント

Web制作を、業者に頼む人には注意するべきポイントがあります。業者に頼めばホーム …

【比較】初心者コーダー必見!おすすめの人気のフリーエディタ

エディタって何を使えばいいの?と悩む人は少なくありません。実際僕もかなり迷いまし …

当サイト経由でホームページ、フライヤー制作の受注が入った。

「メディアサイトを立ち上げて良かったこと、悪かったこと」でも触れましたがサイト運 …

Webデザイナーにおすすめのブログ集!Webデザインの参考にどうぞ

Webデザインをする際に何かに躓くことってありますよね?「ここのデザインはどうし …

効果の高いLP(ランディングページ)を作る為の参考サイト一覧!

クライアントは様々な目的を持ってWebサイト制作を依頼してきます。例えば、商品A …

【参考】Webデザイナーのポートフォリオサイト!転職に活かせるポートフォリオを大公開

今回の記事はWebデザイナーを目指している方、Webデザイナー職に転職を考えてい …

おしゃれなWEBデザインを集めた参考サイトを紹介!WEBデザインは見て勉強。

Webデザインをこれから勉強しようと思っても、実際どこから初めていいかわからない …

WEBデザインに必要不可欠なAdobe Creative Cloud!まずはIllustratorやPhotoshopをマスターしよう!

WEBデザイナーを目指す方は必ず買っておくべきデザインソフトがあります。その名も …

【空編】無料で使えるフリー素材特集(空、夕焼け、夜空、星空)

ホームページやフライヤー、ポスターを作成する際に必ず必要となる素材ですが高品質の …

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA