Kismet — Wireframes

Primary improved landing concept.

Variant of the improved landing with four products.

Brand wireframe — flexible landing template for brand pages, campaigns, and feature drops.

Vertical photo stack on the right, purchase panel pinned to the bottom of the viewport. Size selector under flavors, delivery selector inside the purchase panel, horizontal qty + add-to-cart row, and a FAQ section.

Compact 50/50 intro, sticky category tabs that pin once scrolled past, "The Perfect Fit" personalized picks, and six category carousels (Food · Starter Packs · Toppers · Treats · Merch · Gift Cards). Reuses the existing .pcard product card with SIZE + DELIVERY dropdowns and a secondary one-time link under the Subscribe CTA.

Entry point. Add up to 4 dogs. Adaptive grid (1 · 2 · 3 · 2×2). Optional photo upload — simulated AI reads breed, size and build for the next step. Sticky CTA bar with progress and a subtle "Add another dog" pill below the cards.

Conversational fill-in-the-blanks per dog: breed, weight, body condition, sex, neutered. Black chips = AI guess, white chips = user. Adaptive layout: 1 dog centered big, 2 = 50/50, 3 = thirds, 4 = 2×2.

Age tier + optional birthday + motivation. Picking a birthday month reveals an inline zodiac badge on the photo + a personality trait subline under the name. Adaptive multi-dog grid.

Health goals (multi), simplified allergies (Chicken · Beef · Fish · Turkey · None), current food + conditional brand list. Live calorie target shown under each photo.

Pups visible together with calorie targets. SSO (Google/Apple) and email side-by-side with the dog row — sticky CTA at the bottom for "See the plan".

One narrative per dog (who · recipe pick · calorie math), product image tile, integrated bundle row with price + "what's included". Adaptive grid + sticky CTA with price.