WEB制作 完成までの流れ

デザイン

「ホームページを制作して何がしたいですか?」
例えば、
会社案内や店舗紹介なら、会社や店舗のイメージをより良く伝えるデザインで、イメージアップをしたい。
商品紹介では、魅力的に見える写真やキャッチコピーで商品を売り込みたい。
情報発信サイトでは、来客いただいた方にわかりやすく情報を届けたい。また自身でも最新情報を発信したい。
ショッピングカートでは、商品を魅力的に見せ、さらに、操作を簡単にし、お客様の購買意欲を高めたい。
などなど・・・
しかし、読みにくい、わかりにくいサイトは意外と多いものです。
何かを検索して、ページを開いたのに、すぐ次のサイトへ行ったことはありませんか?
そんなサイトにならないために。ソルティードッグはご相談にのります。
これより先は、完成までの流れを追っていき、順にご説明していきたいと思います。
打ち合わせ
どんなサイトを作りたいか明確にしましょう。
作りたいサイトのイメージを出来るだけ多くお伝え下さい。 明確なビジョンがあれば最良ですが、なければ、他の気に入っているサイトや雑誌等教えてください。イラスト等入れたい場合は似たタッチの画をお見せ下さい。
納得いくまで、ご質問、ご相談下さい。
サイトプランの構築
イメージができあがりましたらサイトの骨組みに入ります。
ページ数やリンクの構築を具体的にしていきます。
無計画にページを増やすと、似たような写真や情報が多くなってしまい、わかりにくいサイトになってしまいます。
この時点で情報を整理しましょう。
予算組み
お見積もりがご予算内の場合はよろしいですが、オーバーしてしまった場合調整します。
情報を整理しページ数を減らす、写真撮影を簡素化する、写真点数を減らす、イラストを減らす、リンクボタンをリンク画像からテキストにする、等で制作作業を減らします。
お客様自身でテキスト入力やテキスト校正をしていただき、割引する方法もございます。
ラフデザインの制作
サイトのデザインに入ります。手書きのラフデザインを提出していただいても結構です。
段組を決め、サイトのデフォルトデザインを決めます。
ご予算により、数パターンご提案もできます。
コンテンツの制作
いくら見かけのデザインが良くても中身がなければ2度と訪問してもらえません。
この段階で内容を見直しさらに充実させていきます。
デザインの制作
ラフデザインを元にイラストレーター(編集ソフト)にて制作します。
予算に合わせて数点、制作いたします。
テキスト入力・テキスト校正
お客様により、テキスト形式でデータ入稿いただきますと割り引きできます。
テキストの校正も同様、お客様ご自身でされますと割り引きできます。
写真撮影
最近のデジカメのおかげでコストも大分安くなりました。
必要であればプロカメラマンにて撮影します。
画像加工
サイトに適したように、解像度変更、トリミング、画質調整などします。
イラスト・ロゴ制作
イラストのタッチには好き嫌いがはっきりでます。
事前の打ち合わせが非常に大切です。打ち合わせ時に好みをお知らせください。
ボタン制作
リンクテキストの代わりに画像でリンクボタンを制作します。
画像で作るボタンは、デザイン・画像加工するのでコストはかかりますが、どの環境でも同じように表示され、デザインに凝ることができるメリットがあります。
プログラムの制作
問い合わせフォームや動的なページを制作する場合プログラムを組む必要があります。
別途お見積もりとなります。
コーディング
コーディングとはデザインをブラウザで読めるように、XHTMLとCSSと言う命令に書き出すことです。
可能な限りW3C準拠で制作します。
W3C準拠
W3C準拠で制作する理由
ニュース番組では「標準語」で話す、のと同じでWEBでは、標準のソースコードで書くのが妥当と考えます。
web標準で制作することは、思わぬレイアウト崩れなども少なくなります。
最終チェック
一番多い誤りはテキストの打ちミスでしょう。リンク先や画像の貼り間違えもあります。
チェック後、完璧な形で納品が基本ですが、当社で簡易チェック後、お客様でチェックをされれば割引いたします。
ファイルのアップロード
ご希望の場合FTPアップロードいたします。
アカウント、サーバーのご契約がない場合は、ご相談ください。
サイトの更新
定期的に更新される場合は、契約時にご相談下さい。お値打ちにいたします。
ページの更新、追加など別途お見積もりいたします。
xhtml 正当なCSSです!
推奨ブラウザ
Windows
・IE 8
・Firefox 3.6.6
・Googl Chrome 7
Macintosh
・Safari 4.1.1
・Firefox 3.6.9
ie6 no more