ディレクションシェア(編集部注*2015年2月26日に公開された記事を再編集したものです。今回は自分のブログをリニューアルしたときの手順と、そのときに参考にしたいサイトをご紹介したいと思います。リニューアルする目的を考える「そもそもなぜサイトをリニューアルする必要があるのか?」まずはこれを考えることがスタートだと思います。「かっこ良く見せたいだけ」や「要望があって仕方なく」などの理由であれば、わざわざするべきではないでしょう。リニューアルする主な理由としては以下のようなことが挙げられると思います。現サイトの問題点を洗い出す目的を明確にした後は問題点を思いつくかぎりすべて洗い出しましょう。Analyticsを使った現サイトのアクセス解析はもちろん、周りの人の意見もとても参考になると思います。サイトリニューアルでは洗い出した問題点が改善されるように設計します。ちなみに僕のブログの場合は以下の点が挙がりました。ワイヤーフレーム作成ワイヤーフレームとは、Webサイトの「配置図」のことです。「何をどこに置けばユーザーにとって一番いいのか?」を考えながら作っていきます。今回は自分のブログだったので紙とペンで手書きしましたが、クライアントのサイトを作成する場合や誰かと共同作業をする場合は、パワーポイント、Cacooなどのツールを使ってするのが一般的だと思います。Webデザイナーさんの中にはワイヤーフレームを飛ばしてしまう方もいると聞きましたが、個人的には必ず作成した方がいいと思っています。配置図を作った後は実際にパソコンを見たときの画面図に落としこんでいきます。ツールはPhotoshop、Fireworks、Illustratorなどを使用します。このときに意識したいのが、次に行うコーディングを楽にするためにレイヤーをわかりやすく整理することです。以下のような注意点があると思います。etc.参考になる記事デザインカンプが出来るまでWebサイトの作り方のまとめ!デザイン制作からコーディング手前まで素晴らしいWebデザインチュートリアル集そして通常、デザインを作成した後はスライスツールを使って使用する画像を切り取っていきますが、近年のサイト制作ではなるべく画像を使わない方針が主流になっています。これはモバイル端末での読み込み速度やSEOなどを考慮してのことです。CSS3やアイコンフォントなどを使用することで、画像でなくても表現できることが増えてきていますね。Text、Codaなどがあります。人によって使うツールは様々ですが、いずれにせよ「ショートカットなどの機能をしっかり理解」「使いやすいようにカスタマイズ」することは必須だと思います。コーディングの際にはCSSフレームワークをオススメします。僕はFoundationを使いました。CSSフレームワークは「CSSファイルの肥大化」や「自由度が低い」などのデメリットもありますが、レスポンシブデザインを作るときや時間短縮したいときはとても重宝します。ブラウザチェックIE、Chrome、Safariなどの各ブラウザに加え、iOS、Androidなどのモバイル端末やタブレットが登場してきたことでブラウザチェックの必要性はより一層増してきたと思います。「あぁ〜これ崩れてるわ。あぁ〜こっちも崩れてる!」と対応にイライラすることもあると思いますが、Web制作もいよいよ終盤です。Webサイトは作ってからが本番です。作りっぱなしで何もしないサイトは今の時代すぐに死んでしまいます。子供と同じで気持ちを込めて育てていくことによってWebサイトは輝きを増すのです。Analyticsを用いた定期的な解析、お知らせ情報の更新など、ブログだけではなく一般のサイトでも日々のチェック・更新・改善は欠かせません。知っておいて良かった!サイト制作後も助かる保守方法まとめSEO対策としてこれだけはやっておきたいこと被リンク構築法と注意点|5ヶ月で月間50万PVを達成したSEO攻略法さいごに今回はサイト制作の流れをご紹介させていただきましたが、サイト制作は経験を積むことが何よりも大事だと思っています。繰り返すことで一連の流れがスムーズになり、もっと効率的な方法などが見つかっていくのです。最後に、今回自分のブログリニューアルにあたってここでご紹介した多くのサイトを大いに参考にさせていただきました。どれもすごく有益な情報でとても助かりました。ありがてぇ〜!!みなさんがサイトをリニューアルするときの参考にしてください。Webサイトのリニューアルを支援します制作についてのお問い合わせ【株式会社LIGについて】わたしたちは年間150を超えるWebサイトをリリースしている、東京上野のWeb制作会社です。多数の制作実績も!Webサイト制作のご相談はこちらより、お気軽にお問い合わせください。【株式会社LIGについて】わたしたちは年間150を超えるWebサイトをリリースしている、東京上野のWeb制作会社です。サイトのフルリニューアル制作実績も!Webサイト制作のご相談はこちらより、お気軽にお問い合わせください。POSTLIGへの自由なメッセージお待ちしています頂いたご意見への回答は行っておりません。