Pawpa | Dog Food Packaging Design

Check it out

🐾 Petsy 🐾 An online store for dog and cat clothes. Knits, raincoats, harnesses and beds, sized for pugs, whippets and ragdolls.

Live: https://petsy-style-edit.base44.app

━━━━━━━━━━━━━━━━━━━━ 🤔 The problem 🤔 • You can't hold a jumper up to a cat. Pet clothes get bought on a guess and sent back in a week. • Size charts list chest in cm, and most owners have never measured their dog. • Product photos show one model breed. Your sausage dog is not that breed. • Most pet shops look like a parts catalogue: rows of thumbnails, no story, no reason to stay.

━━━━━━━━━━━━━━━━━━━━ 🚀 What I built 🚀 • A 3D fitting room: a rigged Shiba Inu and a cat wear the same knit. Switch the pet, change the colour, make it walk, and the coat moves with the skeleton. • A full-screen film hero with five chapters of dogs and cats in the clothes. • Shop by kind, plus a New In grid that filters dogs and cats in place. • An Autumn Lookbook: 12 looks, each opening into the full outfit with every piece shoppable. • Brand spotlights with drag-to-scroll product rails. • A magnifier on every product photo, accordion review cards and a "Complete the look" bundle. • 18 pages with one design system: Fraunces and DM Sans, oat and terracotta, one motion scale for every hover and transition.

━━━━━━━━━━━━━━━━━━━━ ⚙️ The automation ⚙️ • AI size finder: enter breed, chest and weight, get a size and the reason for it. • Ask Petsy, a shopping assistant that picks products, manages your bag, tracks orders and starts checkout. • Orders run on Base44 server functions. The checkout ends in a receipt with a transaction ID: paid, pending or failed. • Order tracking checks every lookup on the server. • Gift card codes get minted on the server, so nobody can guess one. • Accounts with sign up, log in and password reset, plus an admin page for products and stock, locked behind login.

━━━━━━━━━━━━━━━━━━━━ 🧭 Every page 🧭 Shop • Home: https://petsy-style-edit.base44.app • Dogs: https://petsy-style-edit.base44.app/dogs • Cats: https://petsy-style-edit.base44.app/cats • Lookbook: https://petsy-style-edit.base44.app/lookbook • Product, dog (3D try-on): https://petsy-style-edit.base44.app/product/cable-knit • Product, cat (3D try-on): https://petsy-style-edit.base44.app/product/cat-cable • Search: https://petsy-style-edit.base44.app/search • Bag and checkout: https://petsy-style-edit.base44.app/bag

Help • Size guide + AI size finder: https://petsy-style-edit.base44.app/size-guide • Track order: https://petsy-style-edit.base44.app/track-order • Gift cards: https://petsy-style-edit.base44.app/gift-cards • Shipping: https://petsy-style-edit.base44.app/shipping • Returns: https://petsy-style-edit.base44.app/returns • FAQ: https://petsy-style-edit.base44.app/faq • Contact: https://petsy-style-edit.base44.app/contact

About • Testimonials: https://petsy-style-edit.base44.app/testimonials • Privacy policy: https://petsy-style-edit.base44.app/privacy-policy

Account • Log in: https://petsy-style-edit.base44.app/login • Register: https://petsy-style-edit.base44.app/register • Forgot password: https://petsy-style-edit.base44.app/forgot-password • Admin (owner login): https://petsy-style-edit.base44.app/admin

━━━━━━━━━━━━━━━━━━━━ 🛠 How I built it 🛠 I wireframed the home and product pages in Figma first. Then I built Petsy in Base44 one prompt per section, and tested each flow in the chat before moving on: paid, pending and failed payments, order tracking, and the margins on every page at phone width. #Base44Challenge @Base44