ペット用品店（可愛い系・ふつうの縦長）のWebデザイン見本

犬や猫と暮らす20〜40代。「うちの子に似合う、かわいくて安心な物」を探している。ページを開いた瞬間に“うちの子の部屋”みたいなにぎやかさを感じてもらい、カテゴリから商品へ。


業種	小売・EC
系統	可愛い系（丸い文字・肉球と骨の形・太い線とずらした影・オレンジと黄・弾む動き・シールと吹き出し）
テイスト	かわいい／ポップ・元気
色	オレンジ・黄
形	ふつうの縦長
スライド	なし（新着は段組みの並びで見せる）
メインビジュアル	コラージュ：犬・猫・おもちゃ・ベッド・ごはん皿の切り抜き写真と、肉球・骨・吹き出しの図形を重ねる
アニメーション	あり（GSAP＋ScrollTrigger）
演出の型	A10 散らばったカード（切り抜き写真とシール）が画面の外周を囲み、中央にタイトルと「お店をのぞく」／G03 カテゴリの一覧の行にホバーすると、その行の上に写真が浮かぶ
架空のお店	「しっぽ商店」— 犬と猫の道具を集めた、小さなネットのお店

だれに向けたページか

犬や猫と暮らす20〜40代。「うちの子に似合う、かわいくて安心な物」を探している。 ページを開いた瞬間に“うちの子の部屋”みたいなにぎやかさを感じてもらい、カテゴリから商品へ。

メインビジュアル（A10・コラージュ）：画面の外周に、傾いたカード（犬・猫・おもちゃ・ベッド・ごはん皿の切り抜きと、肉球・骨・「NEW」のシール）が散らばる。中央に「しっぽが、ぶんぶん。」と「お店をのぞく」。読み込みで外から弾んで集まり、スクロールで外へ少し広がる
カテゴリ（G03）：5行の一覧（おもちゃ・ベッド・ごはん皿・おさんぽ・お手入れ）。PCでホバーした行の上に写真が浮かび、マウスに少しついてくる。スマホは行の右に小さな写真
新着：4つの商品カード（価格は〇〇円）
しっぽ商店のこと：吹き出しで店主のひとこと
お買い物ガイド：送料・お届け・返品の3つ
お知らせ登録：ボタン
フッター：「このお店は架空です（デザイン見本）」

おもちゃ・ベッド・ごはん皿（新・切り抜き）／柴犬・猫（019 から・切り抜き）／子猫（019 から）。