← Case studies

Case study

Meatingplace: Rebuilding MTG's Highest-Traffic Site as a Responsive Product

MTG's flagship and largest audience was running on a 2007 build. The work was to rebuild it as a responsive product for a daily newsroom.

Role
Creative Director
Org
MTG Media Group
Scope
Responsive rebuild
Meatingplace responsive site on mobile and desktop

What was unclear

The biggest audience, on a 2007 build.

Meatingplace, MTG's flagship daily news site for U.S. meat and poultry professionals and the largest audience in the portfolio, was running on a 2007 build with a dated interface and no responsive experience.

What I led

A modern, responsive product for a daily newsroom.

I gave it a modern UI and UX as a responsive product: a daily-news information architecture and layouts built for current devices.

Who I influenced

The redesign, across the business.

I led the redesign, working with the owner and president, the finance president, the Content Director, the Publisher, the editors, and the developers.

What changed

A finished rebuild that did not ship under MTG.

  • Modernization design-complete and approved for launch
  • MTG was acquired before launch, and new ownership pursued a separate redesign

Design system

The library survived the rebuild.

Roughly 600 component variants in Figma, desktop and mobile across the whole product: multi step registration with processing states, the supplier directory, the equipment exchange with its own ad creation and checkout, and the paywall and sponsorship states. Forty two tokens underneath it covering color, type, border, spacing and the eight column grid.

The eleven brand color styles are original. I added the variable layer recently, generated from those styles, since Figma variables did not exist when this was built. The file is password protected. Ask me and I will send it.