campbells-hero webpage design

Case Study

Campbell’s | Sip, Dip, & Smile Campaign Microsite

Industry
Food & Beverage
Launched
2021
Platform
WordPress (custom theme)

Services

Campbell’s | Sip, Dip, & Smile logo

The Client

Sip, Dip, & Smile was a 2021 campaign from the Campbell Soup Company that paired three of its brands, Campbell's Tomato Soup, Goldfish crackers and Pepperidge Farm Farmhouse Hearty White Bread, as the classic lunchtime combo. The campaign ran on Tastemade with recipe videos and posts from Tastemade creators, all built around tomato soup and grilled cheese.

The Challenge

Sip, Dip, & Smile brought together three Campbell Soup Company brands around a single idea: tomato soup, grilled cheese and Goldfish crackers make the perfect lunch. The campaign was built on short recipe videos, so it needed a home on the web where people could watch them, cook along and pick up the ingredients.

The site had to live on a Tastemade subdomain and look like it belonged there, with Tastemade's header, navigation and footer, while still giving the campaign its own identity. It also had to bring the recipes, videos and creator content together in a way that was quick to browse on any screen.

Campbell’s | Sip, Dip, & Smile homepage

Our Approach

We kept the page design simple and built it around video. The home page opened with a Sip, Dip, & Smile banner and a featured recipe video, followed by an Up Next carousel of the other recipes and a gallery of Tastemaker creators. Each recipe had its own page with the video, ingredients, numbered steps and a Shop Now button.

We built the site on WordPress with a custom theme that matched Tastemade's typography and layout, and set up recipes as their own post type so each dish could be added with its video, ingredients and steps in one place. The campaign's red and gold artwork closed out the home page in a full-width banner above the footer.

What We Built

The site turned a lunchtime campaign into something people could watch and cook. Choose a feature to see how it looked.

  • Under the featured video, an Up Next carousel lined up the rest of the recipes, from Grilled Cheese Rollups and Savory Tomato French Toast to Tomato Soup Bread Cups and Tomato Soup Arancini. Each card showed a still from the video with a play button, so visitors could keep watching from one dish to the next.

    Campbell’s | Sip, Dip, & Smile: A carousel of recipe videos

The Results

recipe videos in the home page carousel
8recipe videos in the home page carousel
creator photos in the community gallery
9creator photos in the community gallery

At home on Tastemade

The site used Tastemade's header, footer, typography and layout, so it felt like part of the publisher's own platform rather than an ad. Campaign branding stayed in the banner and the closing artwork, where it framed the content without crowding it.

Video first, on every page

Each recipe page and the home page put a video at the top, which suited a campaign built on short cooking clips. Visitors could go from one recipe to the next through the carousel without hunting through menus.

A short path to the products

Shop Now buttons in the campaign banner and on every recipe page gave interested cooks a direct route to the soup, crackers and bread used in each dish.

Easy to fill and update

Because recipes were their own post type in WordPress, adding a dish meant filling in its video, ingredients and steps in one place. That kept every recipe page consistent and made the full set practical to publish for the campaign.

Want a website that works this hard for you?

Tell us where you want your business to go. A senior member of our team will get back to you right away.

Designed for Every Screen

Campbell’s | Sip, Dip, & Smile website, full page

The Brand

Color Palette

#cc192e
#8d0618
#000000
#b48d05
#c01d33
#d5edf4

Typography

Campbell’s | Sip, Dip, & Smile brand typography

In our clients' own words

Schedule Project Discussion