![](https://rina-portfolio.com/wp-content/uploads/2021/03/iMac-iPad-and-iPhone-1024x507.png)
男性専用の猫カフェサイトを
レスポンシブ作成しました。
制作期間
約2週間程
使用言語/ツール
HTML/CSS/Jquery
photoshoop/illustrator/AdobeXD
ターゲット
会社勤めしている20代~30代男性
隠れ猫好きで
猫カフェに一人で行く勇気がない方向け
イメージ
お洒落
従来の猫カフェ感を抑え
猫カフェ1:普通のカフェ1の割合なイメージで制作
工夫した点
今回PC、タブレット、スマホのレスポンシブの制作をするにあたって
PC、タブレット=家でまったり閲覧するシーン
スマホ=会社の休憩中や通勤時、退勤後にサクっと閲覧するシーン
とそれぞれシーンを予想して制作してみました。
特にスマホのレスポンシブデザインではお店の場所がすぐに表示しやすいようにマップのアイコンをヘッダーに配置しており
見ている方が出先でもスムーズにお店にたどり着けるように工夫しました。
男性向けではありますが“猫好きな方”をターゲットとしているので
白・黒をベースに猫ちゃんの柄である茶色やベージュを入れ柔らかさもプラスしたデザインにしました。