ペットリエ様のご依頼で保護猫団体にくきゅうず様のHPを制作させていただきました。
使用目的
既存HPのリニューアル
前提条件
・デザインや構成の指定は特になし ・全体設計を含めた提案を希望
制作意図
温かみのある配色と余白を意識した設計により、猫たちの様子や魅力が自然に伝わる構成を目指しました。サイト内の文章設計から情報構造まで整理し、譲渡を検討している方が迷わず情報を理解し、来店予約へ進める導線を設計しています。
担当範囲
・サイト構成
・文章作成
・デザイン制作
上記をKITOKADESIGNが担当
ディレクション・構築：ペットリエ
使用ツール
Photoshop・Figma
制作期間
デザイン・構成：約1ヶ月
目次
デザインプロセス
制作背景
HP制作以前に、YouTube・Amazon・Instagramへ遷移するバナー制作のご依頼をいただいていました。
デザインはすべてお任せとのことだったため、各媒体の企業カラーを踏まえつつ、猫好きの興味を引く押したくなるようなキーワードで制作しています。
▼事前にご依頼いただいたバナー
今回は、このバナーの世界観をベースとしたHP制作となったため、カジュアルな雰囲気を軸にファーストビューを2案ご提案しました。
ファーストビューデザイン提案
ご支給いただいた写真は高解像度ではなかったため、大きく見せるレイアウトは避け、小さく配置する構成で設計しました。
にくきゅうず様のロゴカラーを基準に、グリーン系とオレンジ系の2案を制作しています。
▼初稿ファーストビュー
A案
B案
▼制作ポイント
（A案）四角を多用したレイアウト
・写真の荒さが目立ちにくいサイズで配置
・複数の猫がいることが一目で伝わる構成
・現状の写真素材でも使用可能な設計
・団体立ち上げのきっかけとなった柴犬「ひめちゃん」の写真を右上に配置
・イラストを取り入れた、白ベースのシンプルでカジュアルなデザイン想定
（B案）丸型2枚レイアウト
・写真の粗さがやや目立つため、差し替え前提の構成
・暖色ベースで柔らかい印象にまとめる想定
修正対応
修正依頼①
・案1をベースに、案2で使用したフォントを適用したバージョンを確認したい
・案2の丸みのある柔らかい雰囲気を、案1にも一部取り入れたい
修正①
・全体を丸く変更 ふわふわとシャボン玉のような配置にして遊び心を加えてみました！
修正依頼②
・背景やあしらいに、より温かみのある配色を追加したい
上記を受け、背景にオレンジ系の色味を追加し、肉球モチーフのあしらいを加えたデザインに調整しました
最終デザイン・下層ページ対応
1案目を採用し、HP全体のデザイン制作へ進行。
譲渡条件や流れを丁寧に整理し、新しい飼い主さんにとって分かりやすい構成を重視しています。
下層ページについても、カフェメニューなどの情報を随時反映しながら全ページのデザインを制作しました。
納品
実装はペットリエ様側で対応されるため、Figmaにてデザインデータを納品しています。
ご依頼ありがとうございました！ニャンコのボタンがとっても可愛くて個人的なお気に入りです！
＼まずはお気軽にご相談ください！／
