ホームページ制作の流れ

通常制作プラン・パッケージプラン、いずれをご希望の場合にも、まずは、どのようなホームページをお作りになりたいのか。ご予算・納期はなど、ご希望を簡単に整理して頂き、お見積もり・お問い合わせフォームより見積もりをご請求ください。

この時に疑問点や質問事項、その他ご希望などがございましたら担当者へお気軽にお話ください。

次にお伺いした情報を元にしてお見積もりをPDFファイルでお作りし、メール添付・FAX等でお送りさせて頂きます。

お見積書のサンプルをダウンロード (59.4k)

疑問点やご不安な箇所などが無く、お見積もり内容にご納得頂けましたら、「お見積もり書」という文字を二重線で消して頂き、横へ「発注書」とご記入頂きまして、ご捺印後にお送りください。これをもってご発注とさせて頂きます。

ご発注を頂きましたら次は、私ども制作側とお客様側とで認識の違いが無い事を確認する為の資料をハスキースタイルでお作り致します。

それと平行して、お客様にも各ページへ掲載する文章の考案や、お客様側でご用意頂く資料などがあれば、それらのご用意を頂きます。

■サイトマップ（サイトマップのサンプルをダウンロード 53.0k）

どの様なページがどこに何ページあるというようなホームページの階層を表した図です。

■制作概要書（ダウンロード資料はご用意しておりません）

誰を対象としたホームページなのか。イメージ、配色は。どの様な内容を掲載するのか。サイト名、URLは。など全体の概要をまとめた書類です。

■ディレクトリマップ（ディレクトリマップのサンプルをダウンロード 43.7k）

画像ファイルをどこに配置するのか。タイトルは何にするのか。ファイル名はなどを細かく記した物で、サイトマップと合わせて見る事でサイトの細部までを把握する事ができる資料です。サンプルはPDFを掲載しておりますが、実際にはエクセルでお作り致します。

この外にストラクチャ、フローチャート、制作スケジュールなどを別途お作りする場合もございますが、ご予算等の関係上、お客様とのご契約内容によりましてはこれらの書類を省略または簡略化させて頂く場合もございます。

ワイヤーフレームと呼ばれる、ホームページのレイアウトをデザイン要素抜きで大まかに表した図をお作り致しますので、このステップでは「おおよそどの辺りに何を配置するか」という事をご相談しながら決めていきます。

ワイヤーフレームのサンプルをダウンロード (34.0k)

尚、場合により左写真のような更に書き込んだ下書きをお作りする場合もございます。

下書き写真を拡大する（jpg）

レイアウトが確定しましたら、ここからいよいよ「ラフ画」と呼ばれるデザインを制作していきます。お客様でご用意頂く写真などがあればこの段階までに必ずご用意ください。

※ハスキースタイルではPhotoshopを使用してデザイン制作を行います。Fireworksは使用致しません。

ここで出来上がった画像をお客様にご確認頂き、イメージと違う箇所やその他細かなご要望などの修正を重ねてご希望のイメージに近づける作業を行います。

多くの場合、トップページのデザインが確定した後にサブページのデザイン制作に着手という手順で進めて参りますが、お客様とのご契約内容によりましては、サブページのデザイン画像制作を省略する場合などもございます。

デザインが確定しましたら最終段階です。前ステップまでは単なる画像でしたが、これをホームページとして見れるようにコーディングという作業を行って参ります。

それと同時にサーバーの設定やプログラム類があればそれらの組み込み・設置も行います。この時、進行状況を随時ご確認頂けるようにお客様向けのテスト用サイトをご用意しております。（ http://design-check.net/ ）

※ハスキースタイルではDreamweaverを使用して制作を行います。

最後に、細かい修正のご要望や文章などの間違いが無いか、動作確認などをお客様とご一緒にさせて頂き、完成となります。

尚、IEを始めとした様々なブラウザで正しくホームページが表示されるかのチェックも同時に行っており、納品の際に「検品表」という形でチェック結果のご報告を行っております。

検品表のサンプルをダウンロード （137k）

実際には該当ブラウザの枠内にチェックを行った担当者のハンコが押印され、ご要望によりMac、Linux（Fedora v11）での検証が可能です。ただし、こちらもお客様とのご契約内容によりましてはチェック対象ブラウザの増減や、口頭でのご報告のみなど変わって来る場合がございます。