ロゴの世界観を紡ぎ、サロンの空気感を伝えるWebデザイン

petsalon ilydog. 様 公式ウェブサイト制作

「サロンのこだわりを映し出す、名刺代わりの洗練されたWebサイト」

【制作の背景・目的】

  • ロゴの世界観を拡張: 既存のロゴマークが持つ優しくお洒落な雰囲気を主軸に、サイト全体のカラーやフォントを統一。内装のこだわりとも調和するトーン&マナーを徹底しました。

  • 戦略的なシンプル設計: ワンオペレーションでの運営に合わせ、過度な集客用コンテンツは省き、サロンの「空気感」を伝えることに特化。予約導線は使い慣れた公式LINEへ集約させています。

  • ブランド価値の刷新: 既存の無料サイトから移行し、サロンのこだわりを正しく伝える「信頼感のあるWebサイト」へと刷新しました。

【解決策・制作のポイント】

一貫したビジュアル構築:
既存ロゴのピンクベージュをベースに、清潔感と温かみを感じる配色を採用。画像とテキストの余白を贅沢に使い、ゆったりとした時間を過ごせるサロンの特長を表現しています。

持続可能な運用サポート:
納品後の不安を解消するため、実際の画面キャプチャを用いた「画像付き専用マニュアル」を作成。Web操作に慣れていないクライアントでも、迷わず安心して運用できる体制を構築しました。

更新性とデザイン性の両立:

  • 頻繁に更新が必要な主要料金はElementorを用いてテキストベースで構築し、スムーズな書き換えを可能にしました。

  • 項目が多い全犬種料金表は、クライアントが使い慣れたCanvaでの画像編集・差し替え運用を提案。デザイン性を保ちながら、専門知識がなくても容易にメンテナンスできる仕組みを整えました。

【Responsive Design】スマホファーストなユーザー体験

  • 直感的な予約動線:PC版のゆったりとした空気感を維持しつつ、スマホ版では「予約ボタン」へのアクセス性を向上。指一本で迷わず公式LINEへ繋がる設計を行っています。

  • 視認性の高いコンテンツ配置:画面サイズの小さなデバイスでも、ilydog様のこだわりが詰まった画像やテキストが埋もれないよう、余白と文字サイズをデバイスごとに最適化しました。

【Design Process】論理的かつ緻密な設計

直感的な美しさだけでなく、Webサイトとしての機能美を追求。12カラムのグリッドシステムに基づき、各要素の配置や余白をピクセル単位で検証しました。Figmaで作り上げたこの緻密な設計図をベースに、実装段階では各デバイスでの読みやすさを最優先した微調整を加え、デザインと使い勝手の両立を実現しています。

【Price List】運用まで見据えたデザイン

単に美しい料金表を作るだけでなく、日々のサロンワークの中でオーナー様がストレスなく更新し続けられる仕組みを構築しました。

  • Canvaを活用した更新システム:納品後、メニュー内容や価格に変更があっても、オーナー様ご自身で簡単に、かつ美しく書き換えられるようCanvaでテンプレートを制作しています。

  • ブランドイメージの統一:どの媒体から見てもilydog様のブランドイメージが伝わるよう、サイト全体のトーン&マナーに完璧に合わせたカラーとフォントを選定しました。

  • 直感的な視認性:ワンちゃんのカット中や接客の合間でも、お客様が必要な情報を一目で見つけられるようなシンプルで整理されたレイアウトを追求しています。

 

【Responsive Design】
スマホファーストなユーザー体験

  • 直感的な予約動線:PC版のゆったりとした空気感を維持しつつ、スマホ版では「予約ボタン」へのアクセス性を向上。指一本で迷わず公式LINEへ繋がる設計を行っています。

  • 視認性の高いコンテンツ配置:画面サイズの小さなデバイスでも、ilydog様のこだわりが詰まった画像やテキストが埋もれないよう、余白と文字サイズをデバイスごとに最適化しました。

【Design Process】論理的かつ緻密な設計

直感的な美しさだけでなく、Webサイトとしての機能美を追求。12カラムのグリッドシステムに基づき、各要素の配置や余白をピクセル単位で検証しました。Figmaで作り上げたこの緻密な設計図をベースに、実装段階では各デバイスでの読みやすさを最優先した微調整を加え、デザインと使い勝手の両立を実現しています。

【Price List】運用まで見据えたデザイン

単に美しい料金表を作るだけでなく、日々のサロンワークの中でオーナー様がストレスなく更新し続けられる仕組みを構築しました。

  • Canvaを活用した更新システム:納品後、メニュー内容や価格に変更があっても、オーナー様ご自身で簡単に、かつ美しく書き換えられるようCanvaでテンプレートを制作しています。

  • ブランドイメージの統一:どの媒体から見てもilydog様のブランドイメージが伝わるよう、サイト全体のトーン&マナーに完璧に合わせたカラーとフォントを選定しました。

  • 直感的な視認性:ワンちゃんのカット中や接客の合間でも、お客様が必要な情報を一目で見つけられるようなシンプルで整理されたレイアウトを追求しています。

Project Spec(制作概要)

【Project Details】

  • クライアント:petsalon ilydog .様

  • 制作範囲:ディレクション / デザイン / 実装 / 画像制作

  • 使用ツール:Figma / WordPress (Elementor) / Canva / Illustrator

  • 制作期間:約1週間(短期集中制作)

  • ポイント:ロゴの世界観を拡張させた洗練されたWebデザインと、オーナー様ご自身で更新可能な運用サポート体制の構築

  • URL:https://ilydog.website

一緒にデザインの木を作りませんか?

一緒にデザインの木を作りませんか?

特定商取引法に基づく表記

プライバシーポリシー

© 2026 KAKERATREE Web Design Studio

MENU

制作メニューと料金のご案内

制作実績

私について

制作の裏側や、日々のデザイン。