Setting the Table for Rich Storytelling
Admittedly, our initial impression of Hormel Foods was similar to most: a company whose SPAM™ and Hormel Chili™ products lined the pantries of our parents and grandparents . A few trips to the Midwest changed our perspective profoundly.
This Fortune 500 company hadn’t, in fact, been mired in the past—rather, it’d been at the forefront of accruing health-conscious brands (Applegate, Jennie-O, and Justin’s, just to name a few) and promoting corporate sustainability and responsibility amongst the world’s most admired organizations. Behind their perhaps unexpectedly vibrant products were genuine, creative, and capable people.
This was an opportunity to convey the heartbeat of a future-focused global food company.
The idea for a signature, human-interest platform within hormelfoods.com gained momentum early on. With a team of writers within Corporate Communications, an in-house production studio, and strategists from Attention Span Media, Hormel Foods was well-equipped to pull it off, too.
Fittingly, the identity and scope of the section got its roots from the company’s purpose statement: “Inspired People. Inspired Food.”
We had immersive assets, but what makes for an immersive reading experience? You know, the cozy-up-to-a-magazine kind of experience?
We homed in on creating emotional appeal through full-browser “cover” photos and a comfortable reading experience with generously sized type. Often on the web, an engaging composition at the start of an article can be overlooked, so we opted to keep the cover photo in view while you’re reading the article.
A company as hardworking as Hormel Foods needn’t work hard visually. The redesign was a golden opportunity for the brand to promote consistency, confidence, and simplicity on the web. Our efforts resulted in a reliable design system that embodies the attributes of the company.
Hormel Foods is comprised of 20,000+ talented employees worldwide, and we’ve never gotten the sense that a single one of them wasn’t downright Minnesota Nice. We found Tiempos Text embodies this character of approachability quite… nicely.
Speaking of clarity, holy smokes were we impressed by their treasure trove of photos.
They’ve got some serious food photos we encourage you to check out on anything but an empty stomach. It was crucial to present these images as heroically and unfettered as possible—the minimal UI styles echo this sentiment.
With the team at Hormel Foods poised to make daily updates post-launch, we employed a three-tier strategy for supporting site editors: 1) high-level instructions within WordPress, 2) contextual guidelines when editing pages in WordPress, and 3) an interactive style guide.
Who wants to stop what they’re doing and dig through emails just to find out what size an image should be? How do you know when a headline is too long? Contextual guidelines meet site editors in their time of need by providing quick hints next to input fields. Comes in handy when you have a site containing over 20 customizable content types.
Sometimes those brief hints don’t provide enough rationale to help a site editor decide between using an Accordion or a Gallery. Enter our interactive style guide, coincidentally named Cookbook—complete with notes on art direction, use cases, and image templates. Should roles change or new team members be introduced, Cookbook’s ready to onboard for a smooth transition.
Hats off to the corporate communications team at Hormel Foods for orchestrating the redesign effort. Their unwavering commitment to design and content throughout the process helped transform hormelfoods.com dramatically. The same is true post-launch, and it’s incredibly rewarding to see how the site’s empowered them to tell stories beyond what you’ll typically find in their industry.
Thanks to your incredible team, Hormel Foods couldn’t be more proud of its world class website! #inspiredbyadjacentWendy Watkins VP, Corporate Communications