ドッグニュース！様は、 埼玉県北本市でドッグラン、犬の幼稚園・トリミング、ペットホテルのほか、ブリーディング、フードをはじめ各種用品販売を行っています。
今回はサイトリニューアルとロゴのデザインをご注文いただいきました。
WEBサイト
経年使用で古くなったデザインの刷新、Movable Typeを利用していたコンテンツマネジメントシステムをWordPressへ移行することが大きなテーマで、Instagramとの連携もご相談いただいております。
ターゲットは大人の女性で全体はモノトーン配色、以前のサイトでも使われていた茶色をキーカラーにしています。茶色もサイト全体を大人っぽくした関係で落ち着いた濃いめの茶色でしあげています。
シンプルかつ上質感のあるサイトになるように仕上げました。スマートフォンへの対応はGoogle推奨のレスポンシブデザインを採用しました。
オープニングアニメーション
サイトを訪れた初回にロゴアニメーションを表示し期待感を演出しております。
インスタグラムとの連携
インスタグラムを更新すると自動的にホームページにも反映される仕組みになっております。ドックニュース！と犬の幼稚園と２つのインスタグラムと連携させています。
電話タップ機能
スマートフォンで表示される右上の電話アイコンをタップすると電話が掛かる仕様になっています。
スマホメニュー
コンテンツが多岐にわたるためスマートフォンでのスムーズな遷移を希望されておりました。メニューボタンをタップするとメニューが横にスライドして表示されます。テキストでのリンクに加えて、SNSコンテンツのアイコンバを配置し、ユーザービリティを向上と多彩なコンテンツあることを表現しています。
CMSをMovableTypeからWordPressへ移行
サイトを自社で更新するシステムのことで、以前のサイトで利用されていたMovableTypeが正常に動作しなくなっており、リニューアルのタイミングでWordPressへ移行しました。カスタマイズやプラグイン追加等で簡単に自社でサイト全体の更新ができる仕様にしております。
リダイレクト
CMSシステム移行に関連して、URLが変わるページがあるのでリダイレクトという処理を行い旧URLへのアクセスを自動的に新URLに誘導しています。訪れたユーザーを逃すことなく、またGoogle等の検索エンジンにもページが引越したことを伝えられるので、検索結果の下落を防ぐ効果もあります。
レスポンシブデザイン
ブラウザの横幅に応じてCSSを変更し、PC・タブレット・スマホの各端末に合わせて最適な表示を提供する技術です。
当社サイトでも採用しています。PCで閲覧されている方はブラウザの横幅を小さくしてみてください。徐々にレイアウトが変更されるのが確認いただけるかと存じます。
Googleは2015年より、スマホ対応を重視しています。また1サイト1URL（スマホ、タブレット、PCで同じURLで表示される）での表示を推奨しています。
これから新規にサイトを作成される方やリニューアルを検討されている方は、レスポンシブデザインでのサイト制作は重要な目的になるかと思われます。
ロゴデザイン
お店の看板犬であるアメリカンコッカーのイラストを中心に、ドッグラン・トリミング・犬の幼稚園・ドッグホテルと主要サービスで円を描きました。
