The Farmer's Dog: Mobile Checkout

Nov 2020—Jan 2021

The Farmer's Dog (TFD) is a subscription service providing freshly cooked, healthy dog food to pet parents. I worked there as a full-stack engineer, but after our designer left, jumped in to explore design changes to close a significant gap between mobile and desktop checkout conversion rates, and also implement it.

Role: Product Designer, Software Engineer

Team: 1 Product Manager

Results

  • Achieved a 22% improvement in conversion rate for the first phase of changes
  • Translated to 2,059 additional checkouts in the first month
  • Successfully launched first of four planned improvement phases

Context

I took on this project as both designer and engineer because I was the engineer on TFD's Acquisition pod (responsible for the signup experience), and we had just lost our only designer.

In mid-November, I was tasked with addressing a critical problem before Christmas (high season for sales): our mobile checkout wasn't performing. 78% of our visitors were on mobile, but converted at only half the rate of desktop users.

That gave me 4 weeks to research, design, and code the first phase of improvements, so I needed to move quickly but thoughtfully.

Original design of mobile checkout: UX issues detailed below

User Research

Methodology

I rapidly gathered insights through:

  • Customer support conversation analysis
  • Competitive research (Harry's, Casper, Misfits)
  • Existing user behavior data
  • Usability tests with 8 users via PlaybookUX

Key Findings

Information Clarity

  • Users struggled to understand subscription costs and future orders - the info was presented as full sentences, and a strange set of numbers was chosen
  • Mobile users feared missing information available on desktop

Form Usability

  • Content wasn't logically ordered: the pricing info was separated from the checkout button, forcing users to scroll up and down
  • Aggressive validation and modal errors disrupted checkout flow
  • Password creation added unnecessary friction

Design Solution Implications

  • Progressive Disclosure: Break the form into logical sections using an accordion pattern
  • Subscription Transparency: Make recurring costs and future order details clearer
  • Simplified Authentication: Remove password creation from checkout
  • Smart Validation: Implement inline validation to catch errors early
v2.1: Phase 1 changes that I implemented. Details below; led to a 22% improvement in conversion.

Design Solution

Given the tight timeline, I broke the improvements into phases so that I could implement and A/B test the quick wins we were more confident in before Christmas while continuing to research more complex solutions.

Phase 1: Subscription Info Redesign (Shipped)

  • Reordered content to group trial order and CTA
  • Put basic order info in fixed header so always visible
  • Clarified presentation of next order/subscription info: sentences → table
  • Launched within 1 week of development

Phase 2: Passwordless Checkout (Ready for A/B Testing)

  • Removed password creation from checkout flow to streamline (would have been in Phase 1 but had backend dependencies and wouldn't be done by Christmas)
  • Added automated post-purchase password setup email

Phase 3: Accordion Form (Design Complete)

  • Broke form into logical sections
  • Reduced overwhelming appearance of long form
  • Added clear progress indicators
  • Design approved, pending usability testing

Phase 4: Enhanced Order Summary (In Research)

  • Created detailed next order cards
  • Added visual elements like recipe images
  • Further improvements to subscription clarity
  • Validated design through user research
Phase 2 and 3 changes: passwordless checkout and accordionised form
Phase 4 changes: enhanced trial and next order cards. PlaybookUX testing showed improved user comprehension and satisfaction.

Results

Phase 1 Impact

  • 22% improvement in conversion rate on mobile (10.80% to 13.11%)
  • Resulted in 2,059 additional checkouts in first month
  • Reached statistical significance within 4 days

Next Steps

I left The Farmer's Dog in early 2021 - at that point Phase 2 implementation for (passwordless checkout) was done and about to be released. The remaining work was handed off to other people:

  • Rollout passwordless checkout A/B test across mobile and desktop
  • Complete usability testing for accordion form design
  • Continue research on price presentation (full vs. weekly pricing)