Workflow ワークフロー

ワークフロー

Webサイトデザイン・Webサイト制作の「企画~デザイン~制作~保守監理」

要件定義/ 基本計画
  • Webサイトコンセプトの策定
  • コンテンツ概要プラン
  • Webサイト構成概要プラン
  •  ラフデザイン
  • モバイル対応
  • SNS対応
「何を誰にどう伝えるか。」
打ち合せを重ねながら、Webサイトの目的とゴールをはっきりさせます。
FacebookやTwitterなどSNSの運営と連携、また、モバイルへの対応も合わせて検討します。
Webサイト設計
  • Webサイト構成詳細プラン
  • ワイヤーフレーム
  • ナビゲーションプラン
  • コンテンツ編集プラン
「伝えたいことが伝えたい人にきっちり伝わる」よう、Webサイト全体のデザイン設計をします。また、コンテンツに必要な素材の洗い出しをします。
ビジュアルデザイン
  • インターフェースデザイン
  • 各種パーツデザイン
  • 基本レイアウトデザイン
  • プロトタイプ制作
Webサイトの目的に相応しいユーザーインターフェースを検討・デザインするステップです。いわゆる、UI、UXの策定です。
「使いやすいサイトデザイン(設計)」で、コンバージョンアップを図ります。
プロトタイプでナビゲーションの基本的な確認をします。
コンテンツ編集/制作
  • 取材 ・原稿ライティング
  • コピーライティング
  • スキャニング画像取込み
  • 画像処理・写真撮影
  • 挿し絵(静止画イラスト)
  • PDFファイル制作
  • 動画撮影制作編集 ...etc
上記「ビジュアルデザイン」と平行しての作業となります。
お手持ちの既存素材(テキスト・画像等)を準備していただき、それをWeb用に加工します。必要であれば、当方で制作もいたします。
SEO対策のため、title、meta description、h1〜を体系的にまとめるとともに、コンバージョンアップに繋がる「信頼感・安心感ある、わかりやすいコンテンツ」に最適化します。
Webページ制作
  • ページレイアウト
  • コーディング
  • HTML + CSS + Javascript
  • SEO:サーチエンジン最適化
  • SMO:ソーシャルメディア最適化
テキスト・画像等をHTML化します。
「文章構造の最適化」「HTML構文の最適化」など、SEOを考慮したコーディングを行います。
必要なSNS、Googleアナリスティックのコードを設置します。
テスト/校正
  • ナビゲーションテスト
  • 不具合チェック
  • 文字校正
完成したファイルデータを当方のWebサーバーにアップロードします。ご確認・承認後、ファイルデータを納品します。(場合によっては指定Webサーバーにアップロードします。)
Webサイト公開
サイトプロモーション
  • サーチエンジン登録申請
  • パブリシティ
  • マーケティングミックス
  • SMO:ソーシャルメディア最適化
業界固有のリンク集も効果があります。
また、名刺や封筒などの印刷物や、e-mailの署名欄にURLを記載することも忘れずに。
ソーシャルメディアの運営計画を立てます。
保守/監理
  • Webコンテンツの更新/追加
  • 目的の達成度評価
  • アクセス解析
  • Googleサーチコンソール設定
  • SEOキーワードの適正化
Webサイトの目的が達成されているかどうかを評価しながら、コンテンツの適切な更新/追加、メンテナンスがサイトの育成には大切です。