We use cookies

We use first-party and third-party cookies to analyse traffic and improve your experience. You can accept or decline them. Privacy policy.

Skip to content
CaseWeb design UX/UI
Projects

Certamen Mundial del Jamón «Popi»

The official website, in four languages, of the Certamen Mundial del Jamón «Popi» in Estepona: eleven editions, over 500,000 visitors in 2026 and an archive of 161 press pieces.

Client
Certamen Mundial del Jamón «Popi», Ciudad de Estepona
Year
2026
Sector
Events, gastronomy and tourism
Location
Estepona, Costa del Sol
Visit the website (opens in a new tab)
Certamen Mundial del Jamón «Popi» — Events, gastronomy and tourism
Web art directionUI designMotionFront-end developmentContent and researchTranslation and localisationTechnical SEODeployment
00Summary
Every August, the Certamen Mundial del Jamón «Popi» fills Estepona's seafront promenade: ten nights, well over a kilometre of stands, ham cutters working in plain sight, a plate of ham for five euros and a free concert every night, with the sea right beside it. In 2026 it held its eleventh edition, with more than half a million visitors. We designed and built its official website from scratch in four languages, with its own domain, a home page that tells the event as the occasion it is, and an archive that gathers every edition and every headline since 2013.
↗Browse the site

Explore it, at your own pace.

Every page as its users experience it: switch tabs, scroll and flip to mobile to see how the design responds.

You are on the live site · mundialjamonpopi.com/en/
01Chapter

Context and challenge

Eleven editions, over half a million visitors and the title of Event of Tourist Interest of Andalusia: the contest was already big on the street. What it needed was a digital home to match, with its own name and in the languages of the people who come.

a.Starting with the first slice

There was no website, no copy and no edited photography, and the twelfth edition needed an image of its own. Everything, from the domain and the logo to the last caption, was created in this project.

b.A double audience

Visitors want to know when, where and how much. Institutions, press and sponsors ask for rigour: dates, figures and sources. The same website had to excite the first group and give solid data to the second.

c.An event that speaks many languages

Three in ten visitors come from outside, according to the Junta de Andalucía's 2023 file. The website had to welcome them in their own language, starting with English.

d.A new name to launch on Google

The new domain, mundialjamonpopi.com, was born carrying Popi's name, the brand the client wanted to protect, with the whole road ahead in search.

Certamen Mundial del Jamón «Popi» — image 1 of the project
02Chapter

Strategic approach

We treated the website like a night on the promenade: you arrive, you smell the ham, the music starts and, if you want to know more, the whole story is there.

a.Tell before you list

The home page walks through the contest as it is lived: the €5 plate, what's on the promenade, the recognition, Popi, eleven editions, one night, the music, how to get there and the usual questions. A story, not a brochure.

b.Rigour as a brand value

Every date and every figure is checked against official and press sources. And when two outlets disagree, the website says so openly. That makes it the reference for the contest.

c.Four real languages

English, German and French with their own routes and copy adapted, not translated word for word. German and French were chosen from search data.

Certamen Mundial del Jamón «Popi» — image 2 of the project
Certamen Mundial del Jamón «Popi» — image 3 of the project
03Chapter

Brand identity

We designed the logo for the next edition, the twelfth: an outlined «12» that writes itself in a single stroke, starting with the flag of the 1, while CERTAMEN MUNDIAL, JAMÓN, POPI and CIUDAD DE ESTEPONA come in letter by letter. It was born as a vector, ready for the poster, the screen and any size.

Around the logo we built the website's language. Neue Haas Grotesk Display, the logo's typeface, everywhere, with huge staggered headlines. A near-black background with layered surfaces, like the promenade at night; pure white; the brand red as an accent and a warm amber for calls to action. Light backgrounds are neutral greys, so the contest's real photography (stage, cutters, crowds, fireworks and concerts) always takes centre stage.

Identity

A «12» written in a single stroke.

We designed the logo for the twelfth edition: an outlined 12, in vector, that writes itself. First the number, in one stroke; then, letter by letter, the contest’s name.

logo-certamen.svg543.78 × 272.86

It writes itself

The 12 starts at the flag of the 1 and closes on the 2 in just over two seconds. Meanwhile CERTAMEN MUNDIAL, JAMÓN, POPI and CIUDAD DE ESTEPONA come in, in reading order.

Format
SVG
Ratio
2 : 1
Stroke of the 12
2.3 s
Typeface
Neue Haas Display
Neue Haas Grotesk DisplayBold · 700

The logo’s typeface, across the whole website

Neue Haas Grotesk Display, the logo’s own typeface, from the menu to the last caption. Headlines in tight, staggered capitals; body copy in Roman, light and readable.

Iberian ham, master cutters and free concerts on the Paseo Marítimo.

ÁÉÍÓÚ Ñ Ü Ç ß « » €  0123456789

Motion · headlines that light up word by word as you scroll

Three in ten visitors come from afar.

11

editions

2014–2026

80

days of contest

all together

65

exhibitors

in 2026

+200

cutters

professionals

+500.000

visitors

in 2026

The price takes the lead

Every plate of ham, five euros.

It is what brings people in, so on the website it is written giant-sized.

Certamen Mundial del Jamón «Popi» — image 4 of the project
04Scope

What we made.

01

Brand and art direction

  • design of the «12» logo for the next edition
  • animated version of the logo, stroke by stroke
  • type system with Neue Haas Grotesk Display
  • night, red and amber palette with neutral light backgrounds

02

Web design and development

  • architecture for visitors, institutions, press and sponsors
  • narrative home page with headlines that light up and animated figures
  • 2026 recap video loaded on demand, with pause and sound controls
  • contact form that sends a branded copy to the sender

03

Content and research

  • copywriting for the whole site
  • archive of all eleven editions (2014–2026), with checked data
  • press archive with 161 references from 28 outlets, quotes and videos
  • a rigour block explaining discrepancies between sources

04

Languages

  • Spanish, English, German and French
  • dedicated routes for each language
  • fixed terminology per language
  • alt text in all four languages

05

SEO and visibility

  • new domain carrying Popi's name
  • structured data, hreflang and an image sitemap
  • robots.txt open to search engines and AI assistants, plus llms.txt
  • Search Console and an official backlinks strategy
Certamen Mundial del Jamón «Popi» — image 5 of the project
Certamen Mundial del Jamón «Popi» — image 6 of the project
05Chapter

A home page that tells the story

The hero shows Popi up close, holding a slice of ham, beside the vector «12». On mobile the layout rearranges so the portrait and the contest's name sit together without overlapping.

The staggered headlines light up word by word as you scroll, like the promenade lights at dusk. The figures count up on their own: 11 editions, 80 days of contest, 65 exhibitors, over 200 professional cutters and more than 500,000 visitors in 2026. Next to the opening headline, the recap video of the latest edition plays when it comes into view and is only requested from the server when needed. And the price takes the lead: a giant «€5», because that is what brings people in.

Certamen Mundial del Jamón «Popi» — image 7 of the project
06Chapter

Eleven editions and a press archive

Past editions is a timeline from 2014 to 2026. Each year has its huge number, which fills in as you read its chapter, with dates, days, concert nights, posters and highlights. From the four days of 2014 to the ten nights of 2026, the contest adds up to 80 days of ham by the sea.

The press archive gathers 161 references from 28 outlets between 2013 and 2026, 13 of them with an English version: news, press releases, videos and guides, from Estepona Televisión to the Junta de Andalucía's Official Gazette. They can be filtered by edition, type of outlet and language, and each piece links to its original source or to its Internet Archive capture.

Archive

Eleven Augusts, organised and checked.

Every edition with its dates, its days and what made it unique, and every headline with its source. Pick a year or walk the timeline with your arrow keys.

2020–21 · the contest becomes «Ningún hogar sin comida», a charity competition

The promenade · 2026 · More than a kilometre of ham
The promenade · 2026
Poster 2026

XI edition

More than a kilometre of ham

7–16 August10 days
  • 500,000+ visitors
  • 65 exhibitors
  • 1 km+ of promenade
80days of ham by the sea

Press archive

Everything that’s been said, with its source.

Each reference links to the original or to its Internet Archive capture. Filter by type of outlet to see how the conversation has grown.

161

references

28

outlets

13

in English

Pieces per year

Outlets with the most pieces

  1. 01Estepona Televisión60
  2. 02Ayuntamiento de Estepona23
  3. 03Diario Sur12
  4. 04Málaga Hoy9
  5. 05Europa Press8
  6. 06Diputación de Málaga7
Certamen Mundial del Jamón «Popi» — image 8 of the project
Certamen Mundial del Jamón «Popi» — image 9 of the project
07Chapter

Four real languages

The website speaks Spanish, English, German and French, each language with its own routes (/en/editions/, /de/ausgaben/, /fr/presse/…) and copy written for the people reading it. We fixed the terminology for each language, from *trancheur* in French to *Schinkenschneider* in German, so the cutter's craft sounds just as good everywhere.

The language switcher is always within reach, in the mobile menu too, and every page links to its sister versions so search engines serve the right one in each country.

Certamen Mundial del Jamón «Popi» — image 10 of the project
08Chapter

Platform and development

The website is built as a static site with Next.js and served from Cloudflare's edge: fast anywhere in the world, with no servers to maintain. Images travel as WebP in several sizes, fonts are subset and the video only loads when it is about to be watched.

Accessibility was part of the design from the start, aiming for WCAG 2.1 AA: checked contrast, keyboard navigation, pause controls on the video and a complete version for people who prefer less motion. And no third-party cookies: social content is linked, not embedded.

a.Technology stack

  • 01Next.js static export, React and TypeScript
  • 02Tailwind CSS and Framer Motion
  • 03Cloudflare Workers with static assets
  • 04responsive WebP images and subset fonts
  • 05custom form that notifies the organisers and sends a branded copy
  • 06automated visual review from 320 px to desktop in all four languages
Certamen Mundial del Jamón «Popi» — image 11 of the project
Certamen Mundial del Jamón «Popi» — image 12 of the project
09Chapter

Visibility and acquisition

The new domain launched ready for Google to understand it from day one. Organisation, site and page structured data; hreflang across the four languages; and a sitemap with 12 pages and 248 images.

We also thought about AI assistants: an open robots.txt and an llms.txt with the contest's key information, so any answer about Estepona's ham starts from the official source. Search Console registration and verification, plus a strategy of links from official websites to the new domain, complete the picture.

Certamen Mundial del Jamón «Popi» — image 13 of the project
10Result

Result and transformation

In October 2026 the Certamen Mundial del Jamón «Popi» launched an official website worthy of its promenade: with its own name, in four languages and with its whole history organised and checked. A place for the visitor planning an August night, the journalist looking for a fact and the sponsor who wants to join in.

  1. 01an official website in four languages: Spanish, English, German and French
  2. 0212 indexable pages: home, editions and press archive in each language
  3. 0311 documented editions, from 2014 to 2026
  4. 04161 press references from 28 outlets, each linked to its source
  5. 05248 contest images in the sitemap
  6. 06the twelfth edition’s logo, ready for poster, screen and animation
Certamen Mundial del Jamón «Popi» — image 14 of the project
11Chapter

The website

The website brings what happens on the promenade to mobile and desktop: Popi's portrait, the five-euro plate, the music of every night and eleven Augusts of history. Browse it live at mundialjamonpopi.com.

  • 01Home

  • 02Past editions

  • 03Press archive

Palette

Tap a colour to copy its code

What we learned…

Memory can be designed too.

A contest is lived in ten nights, but what makes it great is everything that has been said about it over the years. Organising that story with care and rigour, and telling it in four languages, is the best invitation to next August.

Next case2026

Web design UX/UI · Branding · Marketing

Estepona Travel