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


ヒアリングを元に、サイトマップを作成します。

ステップ1イメージ  ステップ1イメージ

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

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

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

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

next

サイトマップを元にトップページのデザイン

ステップ2イメージ

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

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

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

このページのトップへ戻る
next

お見せした画像を各パーツへ切り出します。

ステップ3イメージ

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

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

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

next

トップページのコーディング作業

ステップ4イメージ

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

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

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

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

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

このページのトップへ戻る
next

中ページのコーディング作業

ステップ5イメージ

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

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

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

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

next

プログラム・システムの組み込み

ステップ6イメージ  ステップ6イメージ

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

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

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

続きを読む&今すぐお問い合わせ
このページのトップへ戻る