サイトのリニューアルをしました！

デザイン面

デザイン面での依頼内容は主に以下の３点でした。

ロゴデザインの変更
赤・黒以外の色で
マウスオーバーを暑苦しくしない程度に派手に

前のデザインではシンプルすぎて物足りない部分があったり、「サイトをもっと印象づけたい！」という要望から、今回のリニューアルデザインのテーマは「動き」と「インパクト」です。依頼内容とあわせて説明してみます。

ロゴの変更

Ss2

前のサイトで使用していたロゴは、セリフフォントにドロップシャドウを加えただけのシンプルなもの。まず、少しインパクトに欠けるなあと感じたので、筆記体＋文字の配置を少し変えて動きをつけてみました。また、「N1ku Meet5」だけでは読み方がわかりづらいかなあというのがあったのでカタカナでふりがなもつけました。

配色

Ss3

メインサイトである松阪牛専門店松阪牛.comでは赤・黒をメインカラーとして使用しているため、このサイトとは違う配色でガラリとイメージを変えてほしいとの事。暖色系や青を使ったブログはたくさんあるので、あまり見ない紫×黄緑のインパクトのある配色にしました。ベースを灰色＋黒に使い、アクセントとして色付ける事でうるさすぎないデザインになったと思います。

マウスオーバーを暑苦しくしない程度に派手に

かちびと.netさんのように、マウスオーバー時に動きをつけて欲しいとの事でした。jQueryを使って動かしています。

マウスオーバーでくるっと回転。

色が徐々に変化したり。

画像が傾いたり。

機能面

機能面では基本的に現状維持のまま、さらに便利になる点があれば機能を追加していきました。ご依頼頂いたのは下記二点。

機能・プラグインはそのまま使用
更新・カスタマイズしやすく

機能・プラグインはそのまま使用

リニューアル前に使用していたプラグインは、過去記事「稼働中の激選27個のWordpressプラグイン」でまとめてくださっていたので、ほぼそのまま使用。いくつか新しく追加しました（後ほど紹介します :) ）。

更新・カスタマイズしやすく

「Thumbnail for Excerpts」というプラグインを使用しました。このプラグインでは記事内で最初に使われた画像をサムネイル画像として自動的に表示されます。サムネイル画像を設定する手間がはぶけ、更新がとっても楽です。

カスタムウィジェット

Ss7

サイドバーとフッターにカスタムウィジェットエリアを設置しました。管理画面の外観 > ウィジェットから表示させたいコンテンツをドラッグ＆ドロップするだけで選ぶ事ができるので、カスタマイズが簡単です！

サイドバーにタブを追加

サイドバーウィジェットには「sidebarTabs」というプラグインを使ったタブ機能も追加しました。長くなりがちなサイドバーをコンパクトに収めることができます。こちらも管理画面のウィジェット設定ページからドラッグ＆ドロップするだけ設定・変更可能。

いかがでしょう？バグ報告は私、Mana宛にご連絡頂けると嬉しいです！

Webデザイナー Mana

今回の記事は、お友達に推奨できるくらいご満足していただけるものでしたでしょうか？何かいただけるとブログ更新の励みになります(^_^)♪

改善点がありましたらご指摘頂けますと幸いです。頂いたフィードバックを元に、
より良い記事を書けるように頑張ります。

アドバイスを頂ける方は、「コメント」欄より宜しくお願い致しますm(_　_)m