DOG SALON MERCI ドッグサロンメルシー

Date
2022 Mar
Category

Summary

島根県浜田市にあるドッグサロンメルシー様のロゴ・ウェブサイト・ECサイトを制作させていただきました。

メルシーさんのブログやSNS、直接お話しを伺うことで、ワンちゃんやお客様への真摯に向き合い、質にこだわる姿勢に感銘を受け、「WEBを通して、ユーザにMerciさんの魅力を伝えたい!」という想いで、いかに魅力が伝わるか試行錯誤してデザインを作成しました。

予約・アクセス情報や料金などのユーザーが必要とする情報への導線・わかりやすさを心がけ、新規ユーザの確保を狙うと共に、メルシー様のこだわりや店内の様子をうまく引き出す演出・更新コンテンツの作成を心がけています。

質にこだわりつつ、常にお客様への感謝を忘れないという経営方針から、
デザインのコンセプトを「上質かつ親しみのあるデザイン」をテーマとしています。

ドッグサロン
DOG SALON MERCI(ドッグサロンメルシー)ロゴデザイン

ロゴは店舗名でもある「merci = 感謝」が花言葉であるミモザの花をあしらっています。
通常ロゴではSNSアイコンとして使用するには視認性に欠けるので、別途SNS用ロゴも作成させていただきました。

実はこのロゴになるまでに、数十種類のパターンを作成。
ご担当社様と何度も話し合うことで、お店の雰囲気に合うご満足いただけるものとなり、個人的にも嬉しい限りです…!

ユーザー目線に立ったUI・UX設計

特に重点を置いたのが、「必要な情報をすぐに、わかりやすく伝える」という点でした。

旧サイトでは、予約情報・アクセス情報・豊富なコースメニューの情報があるものの、ページが分かれていたり見ずらいという問題点が…。せっかくこだわりが詰まったお店なのにこれでは勿体無い!

そこで、予約情報・アクセス情報・営業日カレンダーなどユーザーがすぐに知りたい情報は常にアクセスできるよう、下部に導線を固定で配置。
また、コースメニュー・料金表は一目でどのようなサービスがあるか見やすいデザインを作成しました。

DOG SALON MERCI(ドッグサロンメルシー)モバイル画面

スタッフ募集などの定期的に固定で表示したいTopics記事はメインビジュアル下に表示できる他、
ユーザーに見てもらいたいコンテンツをバナー化し、好きな期間固定で表示できる機能も実装しています。
飼い主さんへ向けて特に見てほしいページをバナーで視覚化することで、注目していただけることを狙いとしています。

DOG SALON MERCI(ドッグサロンメルシー)ウェブメニュー用イラスト
各種コース・オプション用にアイコンを作成。より料金表を見やすくする工夫を施しています。

Dog Salon Merciらしさを引き出すデザイン、更新性の高さ。

数々の賞を受賞しするなど、質にこだわりつつ、常にお客様への感謝を忘れない経営方針より、デザインのコンセプトを「上質かつ親しみのあるデザイン」としました。
「上品さ」は見出しの明朝体と落ち着いた色合い、ゆとりのある余白感で、「親しみ」は丸みを持つ要素、赤を数色使う配色で演出しています。
また、メルシーの雰囲気が直感的にユーザに伝わるよう、TOPページや下層ページFVにはショートムービーを配置しています。

また、メインビジュアルやインスタグラムへの導線の写真を、管理者側で変更できるようにすることで
各シーズンに合わせて写真を変え、サイトを充実化するようにしました。
店員さんの紹介や、カット集、各種料金なども管理者側で随時更新できるように構築し、管理者側でこまめな更新が完結できるようにしています。

スタッフ紹介のテキスト・カット集は管理者側で自由に編集できるように設定。
営業日カレンダーや、マップは全体の色味に合わせてカスタマイズしています。

ECサイト

ECサイトはSTORESを本体サイトのデザインに合わせてカスタマイズしています。
メインビジュアルには、一押しのアイテムを掲載できるように設定。
ステッカーはサイトのデザインに合わせてオリジナルのものを作成させていただきました。

DOG SALON MERCI(ドッグサロンメルシー)EC サイトモバイル画面

Visit Website

Website:https://dogsalonmerci.com/
EC store :https://store.dogsalonmerci.com/

Credits

Web Design : 司馬暁音
Logo Design : 司馬暁音
Photographs : 八谷嘉之
Video:八谷嘉之、井上真彩
Director : 大石淳司

THANK YOU
ありがとうございます

Other works