← Home
Pets Deli logoPets Deli · E-commerce5 min read

Owning Conversion at Pets Deli

Pets Deli was growing in brand but losing customers in the funnel. I used analytics and research to frame decisions, then worked with Product, Engineering, and Design/CRO to test them.

Role
Senior Product Designer
Year
2021–2022
Platform
Web · E-commerce
Pets Deli e-commerce
Overview

Strong brand, leaking funnel

Pets Deli had built a loyal customer base around premium, natural pet food. The brand story was compelling — ingredients you could read, recipes developed with vets, packaging that felt considered. The product was genuinely good.

But the online store wasn't keeping up. Customers were arriving with intent and leaving without buying. The funnel had friction at every stage: discovery felt overwhelming, the cart didn't make the case for the order, and checkout introduced just enough doubt to tip people out. The brand's warmth stopped at the homepage.

High
Intent traffic arriving — low conversion
3
Distinct funnel breaks diagnosed
Problem

Three breaks in the same journey

When I mapped the purchase journey end-to-end, the same pattern kept appearing: customers were motivated, the product was right, but the interface introduced friction at exactly the wrong moments. Three distinct breaks, each costing real revenue.

The product detail page didn't give customers enough to commit. Information was sparse where it needed to be rich — ingredients, sourcing, dietary fit — and cluttered where it needed to be simple — the add-to-cart decision. Customers were leaving to Google what they should have found on the page.

The cart read like a receipt, not a reinforcement. It listed what the customer had chosen but made no case for why that was the right choice. Subscription savings weren't surfaced. Delivery promises were buried. The emotional momentum from the product page had nowhere to land.

Checkout introduced doubt. Form complexity, unclear delivery windows, and an absent trust layer at the payment step were driving drop-off at the highest-intent moment in the entire funnel.

Research

Reading the data, then the customers

I started with session recordings and funnel analytics — not to declare answers, but to locate friction and frame questions. Where were people pausing? Where were they rage-clicking? Which pages saw the most back-navigation? I then used customer research to interpret those patterns with Product and Design/CRO partners.

  • Customers shopping for special diets spent longer on PDPs but converted less often, pointing to missing dietary information.
  • Session recordings around the order total suggested that some customers were reconsidering whether they had chosen correctly.
  • First-time buyers dropped off at payment more often than returning customers, making trust and delivery clarity test priorities.
  • Customers who used filters converted more often, while low usage suggested that discovery needed clearer entry points.
  • Mobile abandonment was higher than desktop across the funnel, so variants were designed mobile first.

These were diagnostic signals, not conclusions. They became hypotheses that Engineering could implement and Design/CRO could compare through controlled variants.

Design Goals

What we were actually solving for

  1. Give customers the information they need to commit on the product page — without overwhelming the decision
  2. Make the cart feel like a confirmation of a good choice, not just a list of items
  3. Remove doubt at checkout — trust signals, clarity, and no surprise friction
  4. Make product discovery work on mobile first, desktop second
  5. Build every solution to be testable — hypothesis, variant, measurement, decision
Solution

Three focus areas, carried through measurement

For each area, analytics identified the break, research shaped the decision, and collaboration with Product, Engineering, and Design/CRO turned it into a measurable experiment.

Product Detail Page

The PDP needed to answer two questions fast: is this right for my pet, and why should I trust this brand? I restructured the information hierarchy — moving ingredient quality and dietary suitability above the fold, and grouping detailed specs into collapsible sections for customers who wanted to go deeper.

The add-to-cart area became a cleaner decision zone: quantity, subscription option, price comparison, and a single primary action. No competing calls-to-action. The brand's premium positioning — which customers trusted offline — now had a visual equivalent on the product page.

Experiment decision: test whether moving ingredients and dietary fit above the fold reduced uncertainty before add-to-cart.
Product detail page showing ingredient list, nutritional breakdown, and Hundeliebe box product imagery above the foldAdd-to-cart decision zone with quantity selector, subscription toggle, and single primary CTAFull product scroll showing dietary information, feeding guide, and subscription savings comparison inlineCollapsible spec sections — ingredients, composition, and additives grouped for deep-dive readers
PDP redesign — ingredients and dietary fit above the fold; add-to-cart as a single decision zone. Click to enlarge.

Cart Experience

The cart redesign started from a single insight: customers leaving weren't rejecting the product, they were losing confidence in their decision. The redesign reinforced the value of the order rather than just displaying it.

Subscription savings were surfaced inline next to the price — not as an upsell banner, but as a contextual comparison. Delivery promise moved to the top of the cart. A quality reassurance message, referencing Pets Deli's sourcing and vet development, appeared between the cart items and the checkout CTA.

Reported first-variant experiment outcome: framing the cart around the value of the choice reduced abandonment from cart to checkout by 19%.

Product Discovery

The category navigation was a flat text list — no visual cues, no sense of what sat behind each section. I replaced it with Category Stories: circular, tappable entry points at the top of the shop showing actual product imagery for each food type. Familiar from social media, zero learning curve.

Reported experiment outcomes: Category Stories produced 3× more category-page entry. This measured entry through Stories, not final filter usage. Story-led sessions also reported 34% higher conversion and 22% higher average order value.
Category Stories wireframe — circular entry points with placeholder labels for Nassfutter, Trokenfutter, BarfWireframe
Category Stories iteration — product photography added to circles, layout tested with real category namesIteration
Category Stories final — polished circles with cropped product shots, tappable at mobile viewportFinal
From wireframe to final — story circles replace flat nav with product imagery at a glance. Click to enlarge.
Puppy food category page — life-stage header with hero image, product grid below, and trial pack bundle surfaced mid-page for first-time buyers
Puppy food category — life-stage header, product grid, trial pack bundle mid-page for first-time buyers. Click to enlarge.

Brand continuity

Beyond the funnel work, I collaborated with the brand team to extend Pets Deli's visual identity into the digital product. The warmth and character of the brand — which showed up clearly in packaging and campaigns — wasn't present in the UI. Small, deliberate choices: photography direction, tone of microcopy, illustration style.

Brand campaign video — digital expression of "Gesund beginnt im Napf" (Health starts in the bowl)
Homepage hero showing 'Gesund beginnt im Napf' tagline with a golden retriever, premium food bowls, and brand-consistent warm photography
"Gesund beginnt im Napf" — brand core message as homepage hero. Click to enlarge.
Mobile product browsing mockup — carousel cards with food imagery and pricing on a lifestyle backgroundSocial media ad format — product photography with price badge and subscription CTA, optimized for Instagram Stories
Campaign assets — photography direction and copy tone consistent across digital touchpoints. Click to enlarge.
Hello Future campaign — team photo with branded packaging, warm tones, and 'the future of pet food' positioning statement
"Hello Future" campaign — brand warmth and character extended into product UI. Click to enlarge.
Challenges

Protecting evidence under pressure to ship

Challenge

The organization wanted to ship design changes fast — the funnel was leaking revenue daily. But shipping without testing meant guessing which changes drove lift and which were noise. Protecting a test-and-learn process inside a company under growth pressure required making the case, repeatedly, that slower validation would produce more durable results.

Tradeoff

We agreed on experiment cycles with explicit hypotheses, comparison variants, and decision criteria. Some strong ideas waited longer than leadership wanted. The trade was clearer evidence: winning and losing variants could inform the next decision instead of becoming isolated releases.

Learning

CRO is not about finding one right design; it is about separating diagnostic evidence, hypotheses, variants, and decisions. My most durable contribution was making that sequence explicit so the team could learn from each release instead of relying on intuition alone.

Results

Reported experiment outcomes

+23%
Reported checkout conversion outcome
−19%
Reported first cart variant outcome
+17%
Reported average order value outcome
Reported Category Stories entry outcome
These figures are reported experiment outcomes. Sample windows and significance details are not available here, so I treat them as directional evidence rather than universal claims. The practical value was connecting each result to a decision about what to keep, revise, or test next.
Reflection

What this project taught me about CRO

This work taught me to separate observed friction from its assumed cause. Analytics located hesitation; research narrowed the explanation; only a variant could test whether the proposed change addressed it.

The strongest interventions were specific: dietary information moved earlier, the cart reinforced delivery and value, and Category Stories created a clearer route into product groups. Each change mapped back to a diagnosed behavior.

Staying close through implementation, QA, and measurement mattered because small build differences could invalidate the question being tested. My role was not finished at handoff; it continued through interpreting the reported outcome with the team.