Paw School

作品のメインビジュアル

ドッグスクールのホームページ制作(トップページデザイン)

PAW SCHOOLは、 愛犬と飼い主が安心して通える環境づくりを大切にしたドッグスクールのWebサイトです。 初めて利用する方でも不安を感じにくいよう、温かみのあるビジュアルと、分かりやすい情報構成を意識してデザインしました。サービス内容だけでなく、 「ここなら安心して預けられる」と感じられる体験をサイト全体で表現しています。

target

想定ターゲット

初めてドッグスクールを利用する方や、愛犬と長く安心して通える場所を探している家庭を想定し、やさしく親しみやすい印象を重視しています。

backdround

設計背景

ドッグスクールのWebサイトでは、専門性の高さが伝わる一方で、情報が堅くなりすぎてしまい、 「敷居が高そう」と感じさせてしまうケースが多く見られました。

Paw Schoolでは、サービスの内容を正確に伝えつつも、安心感や温かさが伝わることを重視し、初めて訪れたユーザーでも自然に読み進められる構成を目指しました。

issue

課題

!

安心感が伝わりにくいビジュアル表現

サービス内容は魅力的でも、 写真や配色、トーンが整っていないと、
施設の雰囲気やスタッフの想いが伝わりにくい点が課題でした。

初めての利用を後押しする導線設計

「まずは相談してみたい」「雰囲気を知りたい」 というユーザーの心理に寄り添い、
行動につながる導線を丁寧に設計する必要がありました。

情報の受け取り方に差が出てしまうデザイン構成

情報量は十分である一方、 視覚的な整理や情報の強弱が弱いと、
ユーザーによって理解のしやすさに差が生まれてしまう点が課題でした。
デザインによって、 情報の優先度が直感的に伝わる構成が求められていました。

design

デザイン

AURASTYLE HOMES ページ全体デザイン
Paw School Webサイト(UI / ビジュアルデザイン)|ページ全体構成(PC表示)

以下では、特に意識したポイントを抜粋して解説します。

ファーストビューのデザイン

安心感を伝えるビジュアル設計

実際の施設写真や犬の表情が伝わるビジュアルを用い、 利用後のイメージが具体的に想像できるよう工夫しました。 視覚的な情報からも 「ここなら安心できそう」と感じられる表現を重視しています。

情報整理されたコンテンツ構成

情報整理されたコンテンツ構成

サービス内容や施設情報など、 情報量が多くなりやすい要素を整理し、 各セクションの役割が直感的に伝わる構成としました。 余白を活かしたレイアウトによって、 視線が自然に流れ、 無理なく読み進められる体験を意識しています。

PAW SCHOOLのWebサイトでは、 情報の分かりやすさだけでなく、 安心感や親しみやすさが自然に伝わるデザイン表現を重視しました。初めて訪れたユーザーが不安を感じることなく、サービス内容を理解し、次の行動へと進める体験を目指しています。

作品一覧にもどる