Product Pages

Foxtrot · Web · iOS · Android

We asked customers what they wanted to see on the Foxtrot product pages. Storytelling, nutrition facts, and compelling videos topped the list of requests.

The old product page displayed the bare minimum information. The new product page displays everything our customers asked for and more.

My Role

Product Design Lead

Product detail page desktop design for Extreme Cookie Dough Sprinkle Ice Cream

Product detail page mobile design for Extreme Cookie Dough Sprinkle Ice Cream

Item story mobile design for Matcha Latte

Product detail page mobile design for Kentucky Straight Bourbon

Content block mobile design for Visitor seltzer

Product detail page mobile design for Burrata Chopped Salad

Item story mobile design for Kid Sister Rosé

Product detail page desktop design for Sun Lips Rosé

The Details

We created templates for different taxonomies so we could display relevant information across all categories.

Wine bottle with two filled wine glasses

Wine Details

Food Details

Beer & Seltzer Details

Content Blocks

Though we believe every product we carry is special, sometimes we really wanted to sing about a specific product. We set out to create an outlet for long form content that allowed the Foxtrot team to tell in depth stories about products and the people who made those products. Thus the “content block” was born.

The “content block” is a flexible module composed of an image and accompanying text. The Foxtrot team could tell stories on the product page by adding as many or as few content blocks as they needed to communicate why that product was so unique.

Product detail page desktop design for wine with content blocks

Quick Content

The marketing team produced a lot of great content for products across our social media channels. We wanted to figure out a way to distribute that content even more by including it on app and web as well.

We aligned on the idea of an “item story” that could be used to showcase videos and images. This would give the marketing team a playground for more fun and expressive content that could be created quickly.