Natalie Cipriano

Butterball

Farm to Family website

Moving a consumer food brand's microsite into the Butterball.com design system, without losing its look.

2023 Acquia Engage Award · Leader of the Pack: Retail and Commerce

RoleVisual / UI design, new components, developer handoff
ToolsFigma
View the live site
Farm to Family home page on a laptop

Situation

Butterball’s Farm to Family site was a standalone microsite with no formal navigation. It was moving into Butterball.com, so the content had to work inside the parent site’s design system while keeping the Farm to Family look.

Task

Bring the site into Butterball’s component library: carry the Farm to Family colors and styles across, and adapt the content to the parent site’s components.

Action

Working under my design lead’s supervision, I designed every page on the site, including the home, farmer, recipe, product, and FAQ pages. I translated the Farm to Family colors and styles into the Butterball design system and adapted the content to the parent site’s components. My strongest contributions were adapting the product pages and creating the recipes carousel and the footer.

Result

The site now lives inside Butterball.com and won a 2023 Acquia Engage Award (Leader of the Pack: Retail and Commerce).

Selected pages

Farm to Family Home page on desktop
Home. Featured farmers, products, and recipes in Butterball components, with Farm to Family colors.
Farm to Family farmer detail page on desktop
Farmer detail. Each farm’s story with a photo gallery.
Farm to Family Recipe detail page on desktop
Recipe detail. Directions and ingredients side by side.
Farm to Family Product page on desktop
Product. Product page in the Butterball components, with the recipes carousel below.
Farm to Family FAQs page on desktop
FAQs. Accordion questions on a tinted panel, using the Farm to Family colors.

All work