Web自社制作の流れ
準備１／環境を整える
１）ハードウェア・システム面を整える
機材（PCやネット環境）
サーバー契約
ドメイン契約
アプリ導入と設定（インストール、セキュリティ管理・必要な設定）
BIND Upアプリのインストールとログイン設定
アップロード・FTP設定とディレクトリ
メインドメインとサブドメイン・DSN設定
セキュリティソフトのインストールと動作確認（ワームチェック）
２）実行面を整える
デザインチームを構成する☆
取材制作チーム（社内に留まらず広く連携できるチームづくりがポイント）
管理運営チーム（必要知識を責任を持って管理オペレートする人材を育成）
準備２／Webサイトを作れるようになる
Webの知識と操作方法／オペレーションを覚える
１）パーツ素材を製作（または収集）する方法を習得する
線画 ロゴやイラストなどの知識
ベクター描画の基本について
画像 写真の知識
画像の種類とサイズについて
撮影の方法と依頼方法
素材の加工や編集
ムービー 動画の知識
動画のフォーマットとサイズについて
取材方法と依頼方法
動画編集の方法
２）パーツ素材の管理方法について習得する
３）カラー・色彩についての知識を得る
４）タイポグラフィ 書体の知識を得る
５）BINDアプリによるレイアウト編集の方法を習得する
ブロックレイアウト＋CSS
テンプレート利用またはサポートによる製作とアンケート選択手法
JavaやFlash利用
簡単なHTML言語
6）SNSの知識
Facebook、Instagram、Twitter、YouTube、Pinterest、in など
例）YouTubeのチャンネル開設
7）効果測定・リサーチの知識
Google連携（Map、マイプレイス、サーチコンソール、アドワーズ）
Webサイトの制作【1】
コンセプト・内容・構成を決める
１）骨組みをつくる
Webサイトを作る目的をはっきりさせる（KGI）
目的に到達するためのいくつかの目標を立てる（KPI）
得られる効果について検証する（KFC）
対象者（ターゲット）と製作の方向性を明確にする
Webページの目的とデザインコンセプトを明文化する
サイトマップ・ページ構成を描く
２）ページ内容をつくる
キャッチコピー原稿
リード文原稿
本文（ボディコピー）原稿
写真原稿など素材を準備する（ストックしておく）
Webサイトの制作【2】
サイトとページの製作（【1】と【2】は 同時並行で進行）
１）カラー設計 色彩マニュアルの策定（☆デザイナー共同）
２）素材の製作・選択（☆デザイナー共同）
ロゴマークとロゴタイプ
コピー（キャッチ、リード、ボディ）
イメージ写真
イラスト
動画（ムービーの他、Flash、GIFアニメ含む）
３）ページテンプレート（プロトタイプ）の製作（☆デザイナー共同）
デザイナーと共同で、AB提案形式またはアンケートリクエストによる進行
CSS、HTMLの基本フォーマットセッティング
書体のセット（タイトル・見出し・小見出し・リード・本文・囲み 各パーツ）
カラーのセット（メインカラー・サブカラー・補助カラー）
背景のセット（ヘッダー・ビルボード・メイン・サイド・フッター）
４）ページレイアウトと編集作業
ページ構成の決定（Topページ／INDEXページ・記事ページ・情報詳細ページなど）
各ブロックの製作とリンクの設定（ヘッダー・ビルボード・メイン・サイド・フッター）
SNS連携設定（Facebook、Instagram、Twitter、YouTube、Pinterest、in など）
連携先の記事や投稿状況の確認（※SNSの運用とリンクさせる）
Webサイトの制作【3】
アップロード設定とSEO・計測の準備
１）FTP設定
ドメイン・ディレクトリの設定
２）SEO・検索ロボット（クローラー）対策設定
説明文、キーワード
プラットフォームにサイトを登録する
アクセス解析（アナリティクス）設定
Webサイトの運用【1】
記事とビジュアル素材の制作
Webサイトの運用をシステム（チーム）で行う
【１】セキュリティの設定とリスク確認
各端末の安全確認（セキュリティソフトのインストールなど）
【２】取材によるブログや記事の更新
１）取材ノウハウを学ぶ
写真の撮影ノウハウ
動画の撮影ノウハウ
コピーライティングのノウハウ
写真や動画の編集方法、素材提供のスキル習得
２）デジタルツールのスキル習得
デジタル環境に慣れる（普段からデジタルを使って仕事ができるように練習する）
記事投稿、素材伝送、連絡、相談にSlackやメールを使う
打ち合わせ、ミーティングにZoomやチャットを使う
※在宅ワークや遠隔リモートワークができるようになることも含めて
３）記事の方向性を確認する
目的にあった取材かどうか、目標に向かえる記事内容かどうかを定期的に話し合う。
Webサイトの運用【2】
記事取材の継続とコンテンツ企画
１）Webを導線で構築する（例）
HTMLメルマガ → Benchmark 毎月1000通まで無料→必要なら有料を申し込み
メルマガでアンケートフォーム（レスポンス型ページ）
SNS連携先の制作（それぞれのサイト制作によるWebサイトとのリンク）
２）印刷媒体やサイン（看板）との連携
３）動画番組の制作（例）
農産物のライブ販売
キャンプ場からの料理ライブ番組＋利用状況のライブ配信
そば打ち＝パッケージ通販のPR番組 生配信
オンライン教室（Webデザイン教室・動画教室・瞑想呼吸法など健康教室）
お祭り・神事のライブ配信
４）PRの企画（例）
→あらゆるデジタルチャンネルで発信＋従来のメイディア（雑誌やTV）でも発信
ファンクラブのオンライン飲み会＋オンラインライブ販売＋オフ会
お祭りなど地域の伝統文化をみんなで考察し、バージョンアップを図りながら継承する。
地域あげてマーケティング手法で集客をするための柱 → 奈川ファンクラブを立ち上げ、コミュを作って交流する
ファンクラブを運営するチーム＋コンテンツを制作して発信するチーム＋地域全体のデザインを考るチーム → 奈川デザイン会議の立ち上げなど
Webサイトの運用【3】
アクセス解析と修整
以下、後日掲載します。