Works

制作物

2022
Jan


ANGELDOGS様
Webサイトリニューアル 1

Visit Site 外部リンク矢印

angeldogs様サイトのモックアップ。デスクトップ、タブレット、スマホ上でトップページを表示しています。

担当
Design / Photo / Coding (HTML / CSS / jQuery)
ツール
Photoshop / XD / Dreamweaver
期間
3週間

横浜市にある犬のトリミングや子犬の販売を行うサロンサイトのリニューアルをさせていただきました。

個人経営の地域密着の小さなサロンですが、定期的に子犬の出産・販売もありより良い飼い主を見つけるためにデザインのアップデート、ごちゃっとなってしまっていた動線の整理、見やすさの改善の要望をうけ制作いたしました。


クライアントからの要望

  • 古くなっていたデザインのアップデート
  • 導線の整理(今回導入する予約フォームへの導線を特にわかりやすく)
  • 子犬の出産情報を目立つようにし、問い合わせをUPさせたい
  • SNSの整理、活用

コンバージョン

デザインのアップデートと動線の整理を行い、見やすさ使いやすさの改善を行う。
子犬の問い合わせ件数UP、オンライン予約フォームからのご予約件数UPを目指しリニューアルを行いました。

ターゲット

現状の客層は40代以上、特に50代60代の女性(専業主婦)が多いとのことでした。
ペルソナとして、40代後半の専業主婦、大学生の子供が二人、プードル2匹を飼育している方を設定いたしました。

ANGELDOGS様スマホ版サイトのファーストビュー。右下にハンバーガーメニュー、右端に予約ボタンをはいちしている。

ターゲットの年齢層に合わせたUI

今回は50代60代女性がターゲットであり、この年齢層の女性は左手でスマホを持ち、右手で操作するスタイルの方が多いそうです。なので、右下にハンバーガーメニュー、右端に予約ボタンをアクセントカラーで配置し目につきやすいUIを目指しました。

ANGELDOGS様子犬情報ページのスクリーンショット。豊富な写真をスライドで表示し愛らしい子犬の様子が見える

飼育環境がわかる子犬出産情報ページ

昨今ペットショップではなく、ブリーダーから直で子犬を迎える人が増えており、どのような環境で産まれ、育てられた子なのか、親犬の情報などを気にする方が多いです。なので、子犬のお昼寝の風景やご飯中、子犬同士で戯れあっている風景など日常の愛らしく健康的に育っていることを伝えられる写真を撮影し掲載しております。

ANGELDOGS様サイトのスタッフ紹介ページ

地域密着サロンの強みを活かす

ANGELDOGS様の店舗がある隣の駅には大手企業のトリミングサロンがあり、競合店舗です。大手のたくさんのスタッフがいるサロンにはない、地域密着、気軽に相談できるというANGELDOGS様の強みをアピールするために、スタッフ紹介のセクションを作成いたしました。このセクションからスタッフ指名でリピート予約が入ることも増えたそうです。

インスタグラムのギャラリーページ

手軽に確認できる施術事例

ANGELDOGS様では、施術終了後写真撮影をしサロンInstagramに掲載しております。以前まではTwitterやFacebookなども運用しておりましたが、ターゲット層や写真との親和性、スタッフの負担を考慮しInstagramに一本化することを提案いたしました。

WebサイトにはInstagramを更新すると自動的に投稿写真が更新されるように実装いたしました。これによりスタッフの負担が減るほか、Instagramアカウントを持っていない方でも、ブラウザからアプリへ飛ぶ手間なく離脱せず、簡単に施術事例を見ることができるようになりました。

今回デジタルハリウッドSTUDIOの卒業制作としてANGELDOGS様のサイトを撮影からデザイン、コーディングまでさせていただきました。初めてのクライアントワークではありますが、店舗のカラーと犬が好きでトリミングサロンを経営していることが伝わる様なサイトができたかと思います。

現在、リニューアルサイトを制作中でWordpress化も行い、クライアント様側でお知らせや子犬の情報を手軽に更新できる様に進めております。また、ショップカードやインスタグラムのキャンペーン投稿バナーなども制作させていただいております。そちらもポートフォリオに掲載しておりますのでよろしければご覧になってください。

angeldogs様サイトのスマホ版モックアップ写真

Other Works

制作物