Website badge

The winner badge is the longest-living asset from a win — it works on your site every day for a year, mostly on people who will never read a press release.

Get the right asset first

Every program ships a winner pack, and almost every company uses the wrong file out of it. Ask for these three before you build anything.

An SVG or EPS of the badge. A 400px PNG will look broken on a retina display and cannot be resized cleanly.
Both light and dark variants. Your footer is almost certainly not the same colour as the badge’s intended background.
The usage guidelines PDF — it states the minimum size, the clear space, whether you may recolour it, and how long you are licensed to display it.

The badge licence usually expires. Most programs licence the winner badge for twelve months or until the next cycle’s winners are announced. Displaying an expired badge is a trademark problem, not a style problem.

Where to place it

Placement	Worth it?	Why
Footer, alongside certifications	Always	Site-wide, permanent, invisible to nobody, annoying to nobody.
Pricing page, near the plan cards	Always	This is where a buyer is deciding whether you are safe to buy from.
Homepage trust row	Usually	Only if you have two or more badges — a lone badge on a strip reads as thin.
A dedicated /awards page	Yes, once you have three	Ranks for "[company] awards" and gives sales one link to send.
Hero, above the fold	No	It competes with your value proposition and reads as insecure.
A homepage pop-up or ribbon	No	Nobody has ever bought anything because of an award interstitial.

Implementation

1.
Serve the SVG, sized by its container
Set a height (a footer badge lives around 48–64px tall) and let the width follow. Never set both dimensions and never scale a raster up.
2.
Give it real alt text
Not "award badge". Write "Winner, 2026 Supply Chain Innovation Award — Cold Chain" so screen readers and search engines both get the claim.
3.
Link it to your own award page, not the organiser’s
Your page tells the story and keeps the visitor on your site. Link out to the organiser’s winners list from there as the verification.
4.
Respect the clear space
The guidelines will specify a margin, usually expressed in units of the badge’s own height. Crowding it is the single most common licence breach.
5.
Add structured data on the award page
A schema.org Organization block with an "award" property makes the win machine-readable for search results and AI answers.
6.
Diary the expiry
Set a calendar reminder for the licence end date the same day you publish the badge. Nobody remembers eleven months later.

A worked example

Footer markup

<a href="/awards" class="award-badge">
  <img
    src="/badges/supply-chain-innovation-2026.svg"
    alt="Winner, 2026 Supply Chain Innovation Award — Cold Chain"
    height="56"
  />
</a>

Structured data on /awards

{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Northwind Logistics",
  "url": "https://northwind.example.com",
  "award": [
    "2026 Supply Chain Innovation Award — Cold Chain, Supply Chain Council"
  ]
}

The awards page itself

Once you hold three or more wins, give them a page. It is the link sales sends, the page procurement finds, and the page an AI assistant quotes when someone asks whether you are credible.

One entry per award: badge, full award name, category, year, organiser, and one sentence on what it was won for.
Newest first, and keep the expired ones — with the year visible, an old win is history rather than a stale claim.
Link each entry to the organiser’s public winners list. Verifiability is the whole point.
Link to the press release and the customer story where they exist.
Keep finalist placings on the page, labelled as finalist. A shortlist in a serious program is worth more than a win in a weak one.

Common mistakes

A screenshot of the badge taken from the organiser’s site.
Ask for the vector asset. Every program has one.
Stretching or recolouring the badge to match your brand.
Use the supplied light or dark variant, unaltered. Recolouring is almost always a licence breach.
A badge with no year on it, displayed for four years.
Year-stamped badges only, and remove or archive them when the licence ends.
alt="award".
The full claim in the alt text — it is a search asset, not decoration.
Six badges in a hero carousel.
Three at most in any one place, and the rest on the awards page.
A badge that links nowhere.
Always link it. An unclickable claim invites the question and answers nothing.

PreviousCustomer announcement NextEmail signature