ホームページ完成までの作業工程

ホームページ制作に関し、お客様のご要望、目的、ターゲットをしっかりとヒアリングさせていただき、ホームページの構成・サイトマップを考え、決定いたします。

どのようなページを設け、内容はどうするか。貴社の「売り」や「強み」、ページ毎の優先順位などもお聞きし、ナビゲーションやバナー、全体のレイアウトを決定します。この時点でサイトマップを決定した後に、今後の拡張性や管理のしやすさなども考え、フォルダの構成なども決めます。

※弊社専用の確認シート：ヒアリングシート、ディレクションシート、プランニングシート

※使用アプリケーションソフト：エクセル、ワード、イラストレーター

貴社のイメージやターゲットとするエンドユーザーを考慮し、色味や全体のイメージを決め、トップページのデザイン制作に取り掛かります。

この段階ではデザインが出来次第、静止画（JPEGなど）でお客様へお見せすることになります。その際には専用のURLにてお知らせいたします。

※使用アプリケーションソフト：フォトショップ、イラストレーター、ファイアワークス

トップページのデザイン画像を、フォトショップやファイアワークスなどのスライス機能を使い、各パーツ（メニューボタン、各イメージ、背景など）へ切り出して、一つ一つのアイテムとして保存します。

拡張性や管理性を考え、弊社規定の法則でパーツを整理いたします。

※使用アプリケーションソフト：フォトショップ、イラストレーター、ファイアワークス

各パーツに切り出したアイテムを今度は積み木やパズルを組み立てるような感覚で、作業に入ります。この作業を俗に言う「コーディング作業」と言います。

ただ型にはまった物を組み立てるのと違い、各ブラウザでレイアウト崩れを起こしていないか？一般的なモニタのサイズなどにも気を配り、エンドユーザーの環境に合わせコーディングしていきます。何度も何度もあらゆる状況下を考えテストし完璧に仕上げていきます。

Webデザイン会社インスパイアデザインではWeb標準に準拠したコーディング作業を行っております。昔ながら（テーブルレイアウト）ではなく、(X)HTMLとCSSによる「見た目（デザイン）」と「構造（文章・内容）」を完全に分けた効果的なコーディングを行っております。

これによりWebの標準的な作りになり、検索エンジンにも好まれ、管理・更新もスムーズに行えるのです。

※使用アプリケーションソフト：ドリームウィーバー、フォトショップ、イラストレーター、ファイアワークス

トップページのデザイン・コーディングの要領で、素材となる写真や原稿を元に、中ページもデザイン・制作していきます。当社規定のチェックシートに準じて作り込み、見やすさ、使いやすさを考えて制作していきます。

中ページのデザイン・コーディング作業がほぼ完了次第、プログラムの挿入となりますが、最後に何項目にも及ぶクオリティチェックを行い、プログラミング作業に入ります。

※弊社専用の確認シート：クオリティチェックシート、SEO対策確認シート

※使用アプリケーションソフト：ドリームウィーバー、フォトショップ、イラストレーター、ファイアワークス

ご契約内容によっては更新システムなどの導入もございます。ほぼコーディング作業が完了しましたら、当社専任のプログラマーによるプログラミング作業に入ります。

プログラミング後には動作確認をした後に、お客様へ納品いたします。

※使用アプリケーションソフト：ドリームウィーバー、テキストエディタ