Webサイトリニューアル、企画から公開まで

ウェブサイトにも「賞味期限」というものがあり、デザインやコンテンツが古くなったなどの理由で新たにサイトを作り直すことがあります。既存のサイトを1ページずつちょこちょこ改善していくのではなく、ガラッとイメージを変えたいようなとき。

少し前に数カ月かけてコンテンツからデザインまで全部ひっくるめてサイトリニューアルに取り組む機会がありました。企画時にどんなことを考えたのか、新しいデザインをどうやって決めたのか、旧⇒新サイトへの切り替え作業のやり方まで、色々思い返せる点が色々あったので、まとめておきたいと思います。

  1. リニューアルの目的を明確にする
  2. アウトライン~コンテンツ作成。動画や画像などのコンテンツ素材用意
  3. デザイン方針確定。Wordpressデザインテーマ設定
  4. 別ドメインにて新サイト制作
  5. 引っ越し作業

この記事では1~4まで、次回の記事で、5番目の細かな引っ越し作業の覚え書きをまとめます。

1.リニューアルの目的を明確にする

サイトを新たに作るというのは時間がかかります。それだけの労力を使ってもリニューアルしたいその目的は何か。

  • デザインが古くなったから一新したい
  • コンテンツを新しくしたい(古い情報を除去。新しい情報の追加)
  • コンテンツの提供の仕方を変えたい(e.g. ランディングページから複数ページのあるサイト形式へ)
  • ターゲットが変わった
  • (Wordpressなら)使用中のテーマが新しいWordpressバージョンに対応していない

などなど。見た目に関わるもの、サイトコンテンツに関わるもの、その両方、色々あるとおもいます。目的によってリニューアルで力を注ぐべきところが変わってくるので、特にチームで進める場合は企画の際にしっかり目的を共有しておきたいですね。一人で進める場合も、途中で頓挫しないために目的をハッキリさせときましょう。

2.コンテンツ作成。動画や画像などのコンテンツ素材も用意

新規にサイトを立ち上げるときは、必ずコンテンツが必要になりますが、リニューアルの際も、サイトのターゲットが変わったり新たな情報が多い場合、見せ方を変えたい場合などは、アウトラインやコンテンツをあらかじめ作るのがおススメです。以下のものはサイト構築のまえに用意しておきたいものです。

  • サイトマップ
  • 各ページのコンテンツ(タイトル、キーワード、見出し、本文)
  • ページ内の画像や動画コンテンツ(デザインと関係する部分ではなく、コンテンツに関連したもの)

そうすると、サイトをWordpressでいじりながら内容も考えて…みたいにダラダラしないで済みます。コンテンツを考えているときはWordpressのテーマをいじったり、CSSを調整したり…みたいなことは一切なし。コンテンツに集中。それができると、内容が決まっているのでそれをWebサイトにしていく作業に注力できます。

逆に、サイトの見た目だけ変えたい場合は、このステップはカットしてOKです。

3.デザイン方針確定。Wordpressデザインテーマ設定

サイトデザインを変えたい場合や、ターゲットが変わる場合は、このステップがかなり重要になってきます。

  • サイトのコンセプトやターゲット(年齢層や性別、趣向)に合った構造(e.g. 極限シンプル、わかりやすさ優先、とにかく先進的)
  • サイトのコンセプトやターゲットに合ったカラーパレット
  • サイトから醸したい雰囲気(e.g. おしゃれ、真面目、高級感、安心感)

専属のデザイナーがデザインするわけではない場合は、WordPressのテーマを買って作ることになると思います。テーマを選ぶのも意外と時間がかかるものですが、「なんとなくよさそう」の感覚で選ぶよりも、上記のような点を軸にしてデザインの方向性を決めてからテーマ選びをすると、ノンデザイナーの私としては楽でうまくいきやすいと感じます。

4.開発用ドメインで新サイト制作

3までできたらいよいよ新サイトの構築。もちろん、現在公開中のサイトはそのまま公開した状態で、別のドメイン新サイト制作をします。ローカルで作るのが好きな場合はそれでもいいですね。ただ、チームで作る場合や上司のチェックが必要な場合は別ドメインにサイトを作るほうが、他の人に見てもらいやすくていいと思います。

別のドメインで、といっても、わざわざドメインを取得する必要はなく、適当なサブドメインを作ればOK。そこにWordpressを立てて、テーマやプラグインを入れて…というおなじみの手順でサイトを作っていきます。

終わりに

今回は、リニューアルサイトを作るときの企画からサイト構築に入るまでに考えたい点、覚えておきたい点をざっとまとめてみました。次回は、無事に新サイトが完成した後、公開中のサイトを新サイトに切り替える作業手順についてまとめたいと思います。

Write A Comment