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

終わりに

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

  関連記事

【配色】おすすめ配色ツール・カラーチャートで美しい色選択を!

Webデザイナーとしてホームページやバナーなどを制作しているのですが、どうしても …

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

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

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

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

【保存版】バナー制作の参考サイトまとめ!効果が出る・成約につながるバナー制作を

ホームページやランディングページの中身が充実していても、入り口であるバナーが微妙 …

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

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

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

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

デザイナーの名刺はオシャレが当たり前!?参考にしたいデザイン名刺

勉強会やITイベント、交流会等で名刺を交換する機会があるのですが、デザイナーやク …

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

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

【緑色編】ロゴ集めました!企業やサービス、商品のロゴ制作の参考に!

皆さんはロゴを制作する際に何を参考にしていますか?センスやアイディアだけで制作が …

デザインに参考になる面白い広告30選!広告はアイディアが重要!

広告はアイディアが重要です。限られた時間、スペースの中でユーザーの心に残るもので …

Message

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

CAPTCHA