【自主制作】保護猫カフェサイト


このホームページは、「保護猫カフェ」というコンセプトを、優しく温かい雰囲気で伝えるために制作しました。ターゲットである猫好きのママ層が、安心して来店し、保護猫活動の意義も理解できるような、居心地の良さ信頼感を両立させたサイトを目指しました。

製作期間3日間
使用したツールPhotoshop(写真加工)/illustrator(ロゴ)/STUDIO/Canva(バナー)
依頼内容自主制作
要件定義
  • 制作目的
    • 保護猫カフェのホームページ
    • 保護猫に興味がある方への情報提供
  • ターゲット
    • 30代~40代の専業主婦や時間があるママ
    • 猫好き
    • 保護猫や地域猫の活動に興味がある
  • トンマナ
    • やわらかい優しい雰囲気
    • カフェの雰囲気がわかる写真を使う

初めての方でも安心できるスムーズな道案内

カフェのコンセプトや活動内容を順序立てて配置し、サイトをスムーズに読み進められる構成にしました。特に、カフェの利用方法やアクセス情報など、来店に必要な情報は簡潔にまとめて、迷うことなく計画が立てられるように配慮しています。セクションのタイトルを大きくして、知りたい情報がどこにあるか一目でわかるように工夫しました。

活動内容を幅広く網羅しつつ、スッキリ整理

保護猫活動、イベント情報、猫の紹介といった多様なコンテンツを掲載していますが、情報が多すぎてごちゃごちゃしないように整理しました。社会貢献的な要素もアピールしつつ、それぞれの活動に適切なイラストやアイコンを添えることで、視覚的にもわかりやすく内容が頭に入るように工夫しています。

親近感と共感を呼ぶ「猫たち」の紹介

カフェにいる猫たちの紹介ページを設けることで、訪問者の方に親近感を持ってもらい、「この子たちに会いたい」という気持ちを引き出せるように設計しました。猫たちの個性や背景を知ってもらうことで、保護猫活動への共感を深めてもらい、来店への動機づけを高めています。


居心地の良さを生み出す柔らかな配色

カフェの居心地の良さや落ち着いた雰囲気を表現するため、サイト全体を温かみのあるパステル調の色で統一しました。背景には目に優しい柔らかな色合いを使用し、長時間見ても疲れにくいように配慮しています。一方で、ボタンや大切なリンクは目立つ色にして、操作しやすいように色の設計を工夫しました。

人と猫の温かい「絆」を伝える視覚表現

猫とのふれあいを通じたリラックス効果や、猫の健康・福祉を大切にする姿勢をデザイン全体で強調しています。これは、ターゲットである猫好きの来店者に安心感を与えるためです。人と猫との温かい関係性を大切にするカフェの理念が伝わり、信頼感につながるデザインを目指しました。

「相生結び」をモチーフにした特別なロゴ

ロゴマークには、水引の「相生結び」をモチーフとして採用しました。これは、保護猫と新しい家族との縁だけでなく、協賛団体や地域との縁など、カフェの運営を支える「縁」を象徴しています。「ともに生き、老いるまで」という縁結びの言葉のように、幸せな空間が永遠に続く願いを込めています。

この記事が気に入ったら
フォローしてね!

よかったらシェアしていただけると嬉しいです!
  • URLをコピーしました!
目次