ホームページができるまで

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

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

お客様のご要望をしっかりとヒアリングさせていただき、ホームページの構成・情報の設計・システム導入の検討をいたします。

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

next

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

ステップ2イメージ

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

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

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

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

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

ステップ3イメージ

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

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

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

next

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

ステップ4イメージ

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

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

デザイン会社インスパイアデザインではWeb標準に準拠したコーディング作業を行っております。古い技術は使用せず、最新の技術で効果的なコーディングを行っております。

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

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

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

ステップ5イメージ

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

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

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

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

next

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

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

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

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

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

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