読者です 読者をやめる 読者になる 読者になる

ねっとぱんだ

Webデザイン、プログラミングの勉強ブログ。

【webデザイン】サイト製作の手順メモ【随時更新】

全体像

  1. 製作自体の流れ
  2. クライアントワークの流れ

1.製作自体の流れ

step1

競合調査
ターゲットユーザーの選定
ニーズの調査
ターゲットユーザーがどんな情報を欲しているのか
目標設定
作るサイトの目標はどこにあるのか

step2 どんなコンテンツを盛り込むか

  • ターゲットユーザーの深堀り
  • ターゲットユーザーの心理やニーズを徹底的に洗い出しコンテンツに落とし込む

step3 必要な技術の洗い出し

コーディング
webデザイナー
商品の検索フォーム、ソート機能、商品管理機能など
プログラマー
イラストや写真素材,テキスト
それぞれの専門家

step4 サイトマップ


サイト全体の構成を書き出した内容

step5 ファイルリスト、コンテンツリスト


サイトのすべてのページを、ページの名前(タイトル)、ファイル名、ディレクトリ(カテゴリ)構成がわかるように、リスト化したもの

step6 ワイヤーフレーム


ページにコンテンツを配置したレイアウト図

step7 デザインの作成

2.クライアントワークの流れ

  1. 打ち合わせ
  2. ラフデザイン
  3. デザイン修正・変更
  4. デザイン決定
  5. コーディング開始
  6. 進行状況テスト
  7. 確認修正
  8. 最終確認
  9. 本アップ・納品

制作の流れ|WEB design|業務内容|MONSTAR design