CASE STUDY制作・対応事例

Webデザイン ホームページ制作 公開OK

Googleサイトで制作した、子犬紹介ホームページ

Googleサイトでも見栄えよく伝わりやすいページになるよう、子犬情報・親犬情報・お問い合わせ導線を1ページにまとめたホームページ制作事例です。

ご依頼内容

Googleサイトを使用した、子犬紹介用ホームページの制作をご依頼いただきました。
現在紹介中の子犬情報、親犬の情報、お迎えまでの流れ、お問い合わせ方法などを1ページで確認できる構成にしています。

対応内容

ページ構成の作成、デザイン、Googleサイト上でのページ制作、画像配置、スマホ表示を考慮したレイアウト調整を行いました。
子犬ごとの情報が見やすく伝わるよう、写真・基本情報・価格・お迎え可能時期を整理して掲載しています。

使用したもの・環境

Googleサイト / Google Sites
画像素材
PC・スマートフォン表示確認

対応期間

約1週間

お見積り額

〜3万円

掲載について

公開許可をいただいたうえで、制作実績として掲載しています。
実際のサイトはこちらからご覧いただけます。

制作サイトを見る

STORY

ご相談から対応後まで

ご相談内容

子犬紹介用のホームページとして、写真や基本情報を分かりやすく掲載できるページを作りたい、というご相談をいただきました。
専用のWebサイト制作ツールではなくGoogleサイトを使用しながらも、見た目が簡素になりすぎず、必要な情報がきちんと伝わるページを目指しました。

対応内容

まず、掲載したい情報を「現在紹介中の子犬」「親犬とサイズの目安」「お迎えまでの流れ」「お問い合わせ」「事業者情報」に分け、見る方が順番に確認しやすい構成にしました。

子犬ごとの写真・生年月日・性別・毛色・目の色・お迎え可能時期・価格などをカード形式で整理し、比較しやすいように配置しています。
また、メール・Instagram・電話などのお問い合わせ導線も、ページ内で迷わず確認できるように設置しました。

工夫した点

Googleサイトは手軽に更新できる一方で、テンプレート感が出やすいため、余白・見出し・画像の見せ方を意識して、できるだけ見やすい印象になるよう調整しました。

特に、子犬の写真が主役になるページのため、情報量を詰め込みすぎず、写真と説明文のバランスを取りながら構成しています。
スマートフォンで見たときにも、子犬ごとの情報やお問い合わせ先が確認しやすいように意識しました。

対応後の状態

現在紹介中の子犬情報から、お迎えまでの流れ、お問い合わせ方法までを1ページで確認できるサイトになりました。
Googleサイトを使用しているため、公開後の情報更新もしやすく、必要に応じて写真や文章を追加・差し替えしやすい形になっています。

使用したもの・環境

Googleサイト / Google Sites
画像素材
PC表示確認
スマートフォン表示確認

TAGS

対応内容・技術

  • 1ページサイト
  • Googleサイト
  • コーディング
  • デザイン
  • ペット関連
  • レスポンシブ対応