Skip to content
BurksUP Design

Case № 13

Real nutrition.

A multi-year partnership with the world's leading nutrition coaching company. I led the corporate site redesign, the landing page system that powers their marketing, and a modular WordPress build that cut new campaign launches in half.

Client Precision Nutrition
Industry Food & Beverage
Role Website Architecture and Strategy, User Experience Design
Live at www.precisionnutrition.com
Precision Nutrition hero
In short

Nutrition coaching website design and marketing system.

Nutrition coaching website design at the scale of Precision Nutrition is not a single project. It is a marketing system. Precision Nutrition runs an extremely active marketing program (landing pages, downloads, ads, and remarketing assets all rolling out on a near-constant cadence) and the design system has to keep pace with the team rather than slow them down. I worked with Precision Nutrition for several years, starting in a supporting role on a few campaigns and eventually taking over as their design partner of record.

The work covered three core surfaces. A corporate website redesign that finally matched the depth of the content and the credibility of the team. A library of landing page templates and design modules built into a custom WordPress theme so new campaigns could ship without rebuilding from scratch. And the steady stream of advertising, remarketing, and digital download assets that surrounded each campaign launch.

This case study walks through the strategy, the system, and the working relationship that made all of it ship at the cadence Precision Nutrition needed.

Multi-year
Partner of record design and marketing
Modular
WordPress theme advanced custom fields
Cut in half
Campaign deployment time per the internal team
Information-first
Design approach content-led, not hero-led
01 / The Problem

What was broken.

Precision Nutrition is the most respected name in nutrition coaching. Their content goes deeper than any competitor in the field, and their marketing volume is correspondingly high. The internal team had been running their corporate site themselves for years, and they had done a credible job of it, but they were not satisfied with the user interface or the way the depth of their content was being presented. They wanted a redesign that finally matched their expertise without throwing away the editorial voice they had built.

The other half of the brief was operational. Every new campaign required landing pages, ads, remarketing graphics, and downloadable assets, and the existing process meant rebuilding pieces from scratch each time. The team needed a design system and a custom WordPress architecture that let them deploy new campaigns without a designer or developer becoming the bottleneck. The volume of campaigns made the cost of that bottleneck add up fast, and the redesign had to solve the production pipeline, not just a single site.

The creative challenge sat on top of all of that. Precision Nutrition's pages have an enormous amount of information per scroll. The redesign had to take a content-first, information-first approach (the opposite of the heavy-hero default that most modern sites lean on) and still feel clean, elegant, and trustworthy. The page had to invite a reader into a long article, not push them toward a 30-second hero animation.

02 / The Approach

How it got fixed.

I started in a supporting role on a few landing pages, which let me understand how Precision Nutrition's marketing actually worked before proposing changes. The team shared their analytics, their proven copy patterns, and the depth of their audience research, and that informed every design decision that followed. Earning the right to redesign the corporate site happened naturally once the campaign work was shipping at a higher quality bar than the team had been used to.

For the landing page system, I established a content-first design approach that let the typography and the page content lead the messaging, with imagery in a supporting role. After the first pilot campaigns shipped and proved the new approach in market, I worked with the in-house development team to template every design element and page module into a library of advanced custom fields and reusable WordPress blocks. The library acted as the single source of truth for the brand on the web, and every new campaign drew from it.

For the corporate redesign, I took the same information-first approach and ran daily collaboration sessions with the Precision Nutrition team to pare the design down until the user interface felt as confident and clean as the content it was carrying. The result was a corporate site that finally read at the level of the work behind it. That daily rhythm of collaboration is how the redesign avoided the usual trap of corporate site work, where committees flatten the design back into something safe and forgettable.

01

Embedded as design partner of record

I started supporting Precision Nutrition on a few campaigns and eventually took over as their design partner of record. That gave me a deep understanding of the team's marketing analytics, copy patterns, and audience that informed every design decision.

02

Information-first landing page design

I designed a content-first approach to the landing pages, where typography and information layout led the messaging instead of the standard heavy hero. The pilot campaigns proved the approach in market before we templated it.

03

Modular WordPress theme with advanced custom fields

I worked with the in-house development team to template every design element and page module into a library of advanced custom fields and reusable WordPress blocks, so new landing pages could be built on the fly without redoing the design or development work.

04

Corporate website redesign for content depth

I led the corporate website redesign with the same information-first approach. Daily collaboration with the Precision Nutrition team pared the design down to a clean, elegant interface that finally matched the depth of the content.

05

Advertising, remarketing, and download design

Around each campaign I designed the supporting marketing materials: social ads, remarketing graphics, and digital downloads. They all pulled from the same design system as the landing pages so the creative felt consistent across every touchpoint.

How it shipped

The work, step by step.

01

Strategy and research grounded in real analytics

Precision Nutrition has been at the front of marketing to health and fitness professionals for a long time, and they shared a deep set of analytics, audience patterns, and proven creative methodology with me at the start of the engagement. That data gave me a far stronger design strategy to work from than the typical agency engagement. After the first few projects, site mapping and wireframing became second nature between me and the in-house team, and we were able to go directly to design on most new work.

02

Information-first website design for content depth

Most modern web design defaults to a heavy hero, big imagery, and short copy. Precision Nutrition's content does not work that way. Their landing pages and corporate pages carry an enormous amount of information per scroll, and that depth is the actual differentiator. I designed the landing page system and the corporate redesign with an information-first approach, so the typography and the content carried the page and imagery played a supporting role. The result was clean, elegant, and credible without sacrificing any of the depth.

03

Modular WordPress theme that cut deployment time in half

After the first pilot campaigns proved the new design in market, I worked with the in-house development team to template every design element and page module into a library of advanced custom fields and reusable WordPress blocks. That library let the team build new landing pages on the fly without a designer or developer for each campaign. Per the team's own measurement, the modular approach cut the time and budget required to deploy a new campaign by more than half.

04

Corporate website redesign for nutrition coaching

The corporate redesign carried the same information-first approach as the landing page system, but the surface area was wider. Hundreds of pages of content, multiple program offerings, and a brand that needed to read both as a leading research organization and as an accessible coaching company. I ran daily collaboration sessions with the Precision Nutrition team and pared the design down until the corporate user interface felt as confident as the content it was carrying.

05

Advertising, remarketing, and digital downloads

Around each campaign I designed the surrounding marketing assets: social advertising, remarketing graphics, and digital downloads that customers could pull off a landing page. Every asset pulled from the same modular system as the page itself, so there was a single creative language across the campaign rather than a different set of assets for each channel.

The Work, Specifically

What I actually shipped.

Not a services list. The real work streams, in the order I ran them.

  1. № 01

    Strategy and research

    I started by absorbing the team's analytics, copy patterns, and audience research before proposing any design changes. That gave me a real strategy to design from, not a generic agency starting point.

  2. № 02

    Information-first user experience design

    I designed the landing page and corporate site experiences around content depth, with typography and information layout leading the messaging instead of heavy hero imagery. The approach matched the actual differentiator of the brand.

  3. № 03

    Visual user interface design

    I designed a clean, elegant visual system that read both as a leading research organization and as an accessible coaching company. It carried across landing pages, the corporate site, ads, and downloads.

  4. № 04

    Custom WordPress theme development

    I worked with the in-house development team on a custom WordPress theme with a library of advanced custom fields and reusable page modules. The team could build new landing pages on the fly without a designer or developer for each one.

  5. № 05

    Advertising, remarketing, and digital downloads

    Around each campaign I designed social ads, remarketing graphics, and digital downloads that all pulled from the same design system as the landing page itself, so the creative language stayed consistent across every channel.

  6. № 06

    Quality assurance and ongoing partnership

    I worked with Precision Nutrition's team on physical device-in-hand testing and emulator testing before each deployment, and I continue to support their day-to-day design and development work as their partner of record.

03 / The Work

What shipped.

Precision Nutrition in the browser, content-first.

Precision Nutrition in the browser, content-first.

Precision Nutrition, Modular landing pages built from a shared library. (desktop)
Precision Nutrition, Modular landing pages built from a shared library. (mobile)

Modular landing pages built from a shared library.

Precision Nutrition Precision Nutrition
Precision Nutrition Precision Nutrition
Precision Nutrition Precision Nutrition

From program pages to coaching lives.

I've been in the online space for 20 years now and I can honestly say, without hesitation, that Nick is the best design team I've ever worked with. They're super-talented, extremely knowledgeable, highly responsive, and lightning-fast. If you're looking for professional design, done at the highest possible level, you owe it to yourself to consider Nick. I feel extremely lucky to get to work with Nick. Just don't take my spot on his roster!
Dr. John Berardi Co-founder, Precision Nutrition
04 / The Outcome

Where it landed.

The new design system shipped, the corporate redesign launched, and the modular WordPress theme became the foundation for an enormous amount of ongoing campaign work. By the team's own measurement, the modular system cut the time and budget required to deploy a new landing page by more than half compared to the previous process. That number is the practical version of every other claim in this case study. The redesign saved the team the equivalent of multiple full campaigns of effort over the course of a year.

Dr. John Berardi, the co-founder, summed up the partnership in his own words: "I've been in the online space for 20 years now and I can honestly say, without hesitation, that Nick is the best design team I've ever worked with." Coming from a founder who has worked with a long list of design and marketing partners over decades, that is the outcome that matters most for a long-term engagement like this. The trust that comment represents is what unlocked the kind of daily collaboration that made the modular WordPress system possible in the first place.

I continue to support the day-to-day design and development needs around Precision Nutrition's marketing program, so the team can spend their time on the research and coaching they are best at instead of on rebuilding marketing infrastructure for every new launch. The design system has held up across years of campaigns, multiple program launches, and an ongoing body of advertising and download assets, which is the real measure of whether a marketing system was built to last.

The Role
Website Architecture and Strategy User Experience Design Responsive Web Design Advertising and Marketing Design Digital Presentation Design Custom WordPress Development Custom PHP Web Development Web Application Prototyping Digital Pitch Deck Presentation

Ready for your own case study?

Drop your URL. Nick will audit your site personally and build a live preview you can click through before you pay a dollar.

or write directly

Free, weekly

Site teardowns for home-service owners.

One real home-service site, broken down each week. What's leaking, what's working, the one fix that would matter most. Sent Mondays. Built for operators, not designers.

Built for home-service operators. Unsubscribe in one click.

See your free rebuild

No pressure. No upfront payment.