保護猫カフェWebサイト

デモサイトはこちらです↓ https://preview.studio.site/live/BmqMxmxwOX

｜プロジェクトについて

保護猫カフェをテーマにした、オリジナルのWebサイトをStudioで制作しました。 訪れた人が安心して猫たちと触れ合い、支援の輪が広がっていくような温かい世界観を目指し、構成・写真・文章すべてをゼロから設計しています。

｜制作の背景

目的：保護猫カフェの活動内容や想いを伝え、支援や共感を広げるためのWebサイト

ターゲット：猫好きな方、カフェ利用者、支援を考えている方

制作内容：Web構成の企画・写真選定・文言作成・Studioでのデザイン・実装すべて

｜コーディングのポイント

1.世界観を伝える写真とレイアウト構成

猫たちの魅力が伝わる写真を中心に配置し、優しいトーンの色味や余白設計で“ほっとする”雰囲気に。

2.Studioの機能を活かしたデザイン

マウスホバーやボタンアクションなど、小さな動きでインタラクションをプラスし、温かみを演出。

3.情報の流れを考えた設計

「カフェについて」から「支援の方法」まで、訪問者の気持ちに寄り添った導線で構成。

｜使用ツール・制作期間

使用ツール：Studio

制作期間：5日間

担当範囲：構成・デザイン・実装すべて

｜制作を振り返って

ただ猫が可愛いだけではなく、「命と向き合う場」でもある保護猫カフェの本質が伝わるよう、表現や言葉選びにとことんこだわりました。

写真の選び方、言葉のトーン、色や装飾の細部まで、見る人の心がふわっと和らぐようなやさしさを意識。 “このお店に行ってみたい”“応援したい”と思えるような、共感を生むデザインを目指しました。