サイトリニューアル　～アフターレポート～

初回アクセスで、目的のページにたどり着いている可能性もあるけれども、『サービス内容』『実績紹介』とサイトの他ページも見てもらいたいし、ページ閲覧から『問い合わせ』もしてもらいたい。利用者がすぐにページから去ってしまうのは、ページ内のテキストや画像がわかりづらいのかもしれないなぁ。

• コンテンツの充実

ページ上部のグローバルナビに含まれていたためか、『問い合わせ（入力）』ページ自体は見てもらえているみたい。『問い合わせ』がしてもらえないのは、必須の入力項目が多すぎたり、入力内容がわかりにくかったりするのかもしれないなぁ。

• コンテンツの充実

初期構築から早数年。マイナーチェンジはしているものの、デザイン・情報設計ともに古いままになってしまっている。サイト運営の中で、徐々に追加した『告知系コンテンツ』『取扱製品』は、ヘッダーや空いているところに埋め込んでいるような状態。旧サイトの構成を生かしたままでは、自由にグローバルナビを変えることもできず、カテゴリーの変更も難しそうだなぁ。

• 情報設計

PRコンテンツや特集ページを作りたいと思っても、ページを自由に作れるテンプレートがなく、決まったレイアウトのページになってしまっているなぁ。

• CMSテンプレート設計
• 画面設計
• マルチデバイス対応

最優先！これは絶対やりたいこと

せっかくの全面リニューアル。できたらこれもやっておきたい！

徐々に実現していこう。

• 旧サイトの「サービス／ソリューション」のカテゴリ分けがうまくできなくなってしまっているので、『サービス』に統合しよう。
• 上位階層に持ってきたいのは、『サービス』『取扱製品』。
• 『WEBSASって何？』がわかるコンテンツを上位に持って来よう。
• 更新情報だけでなく、『その他』のコンテンツも格納できる「更新情報（プレス・告知）」カテゴリを追加しよう。

• ロゴを生かしたオレンジ系メインカラーに起用。
• また背景にはどのカラーとも相性のよい白を起用し、視認性のよい明るい印象のサイトにしよう。

• レスポンシブWebデザインを適用するので、あまり複雑なレイアウトや画像を多用したデザインにはしたくない。
• レイアウトの種類は読みやすさを考慮して、『スマートフォン』『タブレット』『PC』の３種類にしよう。
• また画面内の表示要素は変えずに、『ヘッダー』『フッター』『グローバルナビ』『右ナビ』『メインコンテンツ』のままにしよう。ヘッダー、フッター、グローバルナビを生かして、階層の深くなってしまったコンテンツも見てもらえるようなサイトマップを兼ねたデザインにしよう。
• ボタンなどは画像を多用せず、本当に必要なメインビジュアルやバナー、コンテンツの画像に利用しよう。

• １からCMSを準備するのでは、時間がかかってしまったり、色々と設定が必要になったりする場合もあるため、今回は、CMSの基盤は新たに準備せず、サイト追加機能を利用しました。
• サイト追加機能を使うことにより、旧サイトへの影響を最小限に抑えつつも、かつ新サイト用のデザインの自由度の高いページを作成するためのテンプレートを配置することにより、新サイトのコンテンツ基盤を整えることができました。

• HTMLによるモックを制作。CMSへの入稿前に実機でのビューチェックを行うことができました。
  また各ページの入稿用HTMLパーツを作成しておくことにより、また自由度の高いテンプレートを利用しても、ページレイアウトや表示要素がばらつくことなく、スムーズな入稿を行うことができました。

• 主要なページは、テキストのリライトや画像追加などを行い、ページコンテンツの充実も行うことができました。