私のWebサイト制作手順

vanillateさんのブログでこんな記事を見つけました。
(vanillateさんとvanillaって似てるなぁといつもニヤニヤしてますw)
きっとトラブルが起きにくい!ウェブデザインの制作順序を書きました。 - バニデザノート

私はこのサイト上でWebサイトのリニューアル制作代行を行なっていますが、かなりやり方が我流だと思っていたのですが、vanillateさんの制作順序とわりと近かったので安心しました。

vanillateさんの制作順序は、以下のとおり。

  1. ヒアリング
  2. サイトマップ作成
  3. ワイヤーフレーム作成
  4. スケジュールの提出
  5. デザイン案の作成
  6. コーディング / 実装
  7. 仮サーバーへアップもしくは、実際のサーバーへアップ

私の場合は、デザインはテンプレート化したものを使用かつリニューアルしかしないので、「ワイヤーフレーム作成」とか「デザイン案の作成」がすっ飛びます。

私の制作順序は、以下のとおり。

  1. ヒアリング
  2. サイトマップ作成
  3. スケジュールの提出
  4. コーディング / 実装
  5. 仮サーバへアップ
  6. 修正を繰り返した後納品

1.ヒアリング

とにかくご依頼者様のご要望にひたすら耳を傾けます。こちらから提案をすることは(デザインのリニューアル案件だけに)基本的にはありません。ただ、あまりにも改善したほうがよい点などがあれば提案します。デザインのリニューアルといっても、何かしら既存のWebサイトに不具合があるからリニューアルするわけであって、大幅にサイト構成が変更になるWebサイトもしばしばです。

対象ブラウザとかよく考えたら聞かれたことないのですが、一応、IE6~9とFirefox、Opera、Chrome、Safariの最新版でレイアウト崩れがないかだけは確認しています。

2.サイトマップ作成

私のサイトマップは表形式で、基本的にエクセルを使います。エクセルを持っていないご依頼者様であればHTMLに変換します。既存のWebページへのリンクをはったりして、このエクセルファイルを見たら全てのページが網羅できるようにしています。

リニューアルの場合は、既存サイトのデータが必要になります。ご依頼者様から直接いただければ良いのですが、容量が大きくなる場合もありますので、Website Explorerというソフトを使ってサーバにアップされているファイルをいただいております。ファイルをダウンロードできるだけでなく、リンク切れとかその他もろもろサイトの解析ができるのですごい便利なソフトなのですが、ただ、サーバのほうにも負荷がかかりますので、基本的に一回しか使わないようにしてます。

3.スケジュールの提出

私の場合は、基本休日しか作業できないので、納期というものを決めていません。予めそういうふうにお断りをしていますので、ご依頼される方も「急ぎません」と言ってくれる優しい人ばかりです。しかしながら甘えているわけにはいかないので、最低でも1~2ヶ月で仕上げるようにしています。

4.コーディング / 実装

最近は、DreamweaverでCSSテンプレートをテンプレート化してページを量産し、編集箇所はEmeditorで制作しています。Dreamweaver一本でやりたい気もするのですが、私はどうしてもUIが好きになれないっていうか使いづらいのです。デザインビューも一切使いませんしね。やはり、一番使い慣れたエディタが早いです。

5.仮サーバへアップ

納期が普通より長いため、「本当に作業してるの?」ってご依頼者様が心配してしまうといけないので、ある程度目処がたてば仮サイトにアップしています。過去には、いちいちメールにファイルを添付してた時もありましたが、ファイルの容量が大きすぎてメールに添付できない場合もありますし、メールに添付したファイルを解凍してブラウザを開いて見る、というのはご依頼者様も面倒でしょうから、今はオンライン上で公開するようにしています。もちろんちゃんとアクセス制限しています。

6.修正を繰り返した後納品

デザイン案を提出しない都合上、直でHTMLにしてしまうため、ここで修正を行います。ご依頼者様もWebサイトになった状態で確認ないとイメージが付きづらかったり、動的な動きになるからこそ気づくこともあるでしょうし。

本来であれば、HTMLになった時点で修正をすべきでない(デザイン案の時点で、了解を得ていなければならない)のですが、先程の理由と、営利目的でWebサイト代行をやっているわけではない(というかこれでご飯を食べているわけではない)ので、ご依頼者様の満足いただけるまで修正しています。

そしてようやく納品です!

こんな感じでまったりと作業をしています。ご依頼者様とはメールでしかやりとりしないので、よく私が勘違いしてしまうことがしばしばで、本当に申し訳なく、それをどうにかうまくできないかというのが最近のもっぱらの悩みです。

投稿日:2012年2月14日 | 編集

トラックバック歓迎です。以下URLにて登録をお願いいたします。

このエントリーのトラックバックURL:

↓↓↓トラックバックしてくださった方々↓↓↓
※トラックバックされても管理人がスパムと判断したものは公開されません。

top

ホームページ作成に役立つコーナー