犬とふれあえるカフェ ホームページ

URL

概要

札幌市に実在する「犬とふれあえるカフェ」様の許可を得て、架空のホームページを制作しました。
親しみやすく温かみのある雰囲気が伝わるよう、やわらかい配色をベースにデザインしています。

ターゲット

10代後半から40代後半の、犬と触れ合える癒しの時間を求める方。

制作期間

約10日

使用ツール

Figma / Photoshop / Illustrator / Visual Studio Code(html,css,Javascript)

ポイント

柔らかさや温かみのある配色をベースにしつつ、店舗の公式ロゴや看板の色味を活かし、 ブランドイメージとの統一感を意識してデザインしました。
ヒーロー画像は本店舗の店長とマネージャーです。犬が2匹並んだ画像を大きく配置し、犬同士の仲良しさをアピールしています。
ヒーロー画像を強調するために、ヘッダーナビゲーションはヒーローの下に配置しました。
また、本店舗の魅力のひとつである多様な犬種の存在に着目し、 来店前から「どんな犬がいるのか知りたい」と興味を持ってもらえるよう、 トップページに複数の犬の写真を配置し、来店につながるようなサイト作りを心がけました。ポップで楽しい印象にしたかったので、全体的にフォントは丸く、ステッカーのように白縁で切り抜きました。