Usamos cookies

Utilizamos cookies propias y de terceros para analizar el tráfico y mejorar tu experiencia. Puedes aceptarlas o rechazarlas. Política de privacidad.

Saltar al contenido
CasoDiseño web UX/UI
Proyectos

Certamen Mundial del Jamón «Popi»

Web oficial en cuatro idiomas del Certamen Mundial del Jamón «Popi» de Estepona: once ediciones, más de 500.000 asistentes en 2026 y un archivo de 161 piezas de prensa.

Cliente
Certamen Mundial del Jamón «Popi», Ciudad de Estepona
Año
2026
Sector
Eventos, gastronomía y turismo
Lugar
Estepona, Costa del Sol
Ver la web (se abre en otra pestaña)
Certamen Mundial del Jamón «Popi» — Eventos, gastronomía y turismo
Dirección de arte webDiseño UIMotionDesarrollo front-endContenido y documentaciónTraducción y localizaciónSEO técnicoDespliegue
00Resumen
Cada agosto, el Certamen Mundial del Jamón «Popi» llena el Paseo Marítimo de Estepona: diez noches, un kilómetro largo de expositores, cortadores trabajando a la vista, el plato de jamón a cinco euros y un concierto gratis cada noche, con el mar al lado. En 2026 celebró su undécima edición, con más de medio millón de asistentes. Diseñamos y construimos desde cero su web oficial en cuatro idiomas, con dominio propio, una portada que cuenta el certamen como el acontecimiento que es y un archivo que recoge cada edición y cada titular desde 2013.
↗Navega la web

Recórrela, a tu ritmo.

Cada página tal y como la vive quien la usa: cambia de pestaña, desliza y pasa a móvil para ver cómo responde el diseño.

Estás en la web real · mundialjamonpopi.com/
01Capítulo

Contexto y reto

Once ediciones, más de medio millón de visitantes y la declaración de Acontecimiento de Interés Turístico de Andalucía: el certamen ya era grande en la calle. Faltaba una casa digital a su altura, con nombre propio y en los idiomas de quien lo visita.

a.Empezar por la primera loncha

No había web, ni textos, ni fotografía editada, y la duodécima edición necesitaba su propia imagen. Todo, desde el dominio y el logotipo hasta el último pie de foto, se creó en este proyecto.

b.Un público doble

El visitante quiere saber cuándo, dónde y cuánto cuesta. Las instituciones, la prensa y los patrocinadores piden rigor: fechas, cifras y fuentes. La misma web tenía que emocionar a unos y dar datos sólidos a los otros.

c.Un certamen que habla muchos idiomas

Tres de cada diez visitantes llegan de fuera, según el expediente de la Junta de Andalucía de 2023. La web tenía que recibirlos en su idioma, empezando por el inglés.

d.Un nombre que estrenar en Google

El nuevo dominio, mundialjamonpopi.com, nacía con el nombre de Popi, la marca que el cliente quería proteger, y con todo el camino por delante en buscadores.

Certamen Mundial del Jamón «Popi» — imagen 1 del proyecto
02Capítulo

Enfoque estratégico

Planteamos la web como una noche en el paseo: se llega, se huele el jamón, suena la música y, quien quiere saber más, encuentra la historia completa.

a.Contar antes que listar

La portada recorre el certamen como se vive: el plato a 5 €, lo que hay en el paseo, el reconocimiento, Popi, once ediciones, una noche, la música, cómo llegar y las preguntas de siempre. Un relato, no un folleto.

b.El rigor como valor de marca

Cada fecha y cada cifra están contrastadas con fuentes oficiales y de prensa. Y cuando dos medios no coinciden, la web lo cuenta con transparencia. Eso convierte la web en la referencia del certamen.

c.Cuatro idiomas de verdad

Inglés, alemán y francés con rutas propias y textos adaptados, no traducidos palabra a palabra. El alemán y el francés se eligieron a partir de datos de búsqueda.

Certamen Mundial del Jamón «Popi» — imagen 2 del proyecto
Certamen Mundial del Jamón «Popi» — imagen 3 del proyecto
03Capítulo

Identidad de marca

Diseñamos el logotipo de la próxima edición, la duodécima: un «12» de contorno que se escribe de un solo trazo, empezando por el banderín del 1, mientras CERTAMEN MUNDIAL, JAMÓN, POPI y CIUDAD DE ESTEPONA entran letra a letra. Nace en vector, listo para el cartel, la pantalla y cualquier tamaño.

Alrededor del logotipo construimos el lenguaje de la web. Neue Haas Grotesk Display, la tipografía del logotipo, en toda la web, con titulares enormes y escalonados. Un fondo casi negro con superficies en capas, como el paseo de noche; blanco puro; el rojo de la marca como acento y un ámbar cálido para las llamadas a la acción. Los fondos claros son grises neutros, para que la fotografía real del certamen (escenario, cortadores, público, fuegos artificiales y conciertos) sea siempre la protagonista.

Identidad

Un «12» que se escribe de un trazo.

Diseñamos el logotipo de la duodécima edición: un 12 de contorno, en vector, que se escribe solo. Primero el número, de un trazo; después, letra a letra, el nombre del certamen.

logo-certamen.svg543.78 × 272.86

Se escribe solo

El 12 arranca por el banderín del 1 y se cierra en el 2 en poco más de dos segundos. Mientras tanto entran CERTAMEN MUNDIAL, JAMÓN, POPI y CIUDAD DE ESTEPONA, en orden de lectura.

Formato
SVG
Proporción
2 : 1
Trazo del 12
2,3 s
Tipografía
Neue Haas Display
Neue Haas Grotesk DisplayBold · 700

La letra del logotipo, en toda la web

Neue Haas Grotesk Display, la misma del logotipo, del menú al último pie de foto. Titulares en mayúsculas, apretados y en escalera; textos en Roman, ligeros y legibles.

Jamón ibérico, maestros cortadores y conciertos gratis en el Paseo Marítimo.

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

Motion · titulares que se encienden palabra a palabra al hacer scroll

Tres de cada diez visitantes llegan de fuera.

11

ediciones

2014–2026

80

días de certamen

sumando todas

65

expositores

en 2026

+200

cortadores

profesionales

+500.000

asistentes

en 2026

El precio, protagonista

Todos los platos de jamón, a cinco euros.

Es lo que trae a la gente, así que en la web se escribe a tamaño gigante.

Certamen Mundial del Jamón «Popi» — imagen 4 del proyecto
04Alcance

Qué hicimos.

01

Marca y dirección de arte

  • diseño del logotipo «12» de la próxima edición
  • versión animada del logotipo, trazo a trazo
  • sistema tipográfico con Neue Haas Grotesk Display
  • paleta de noche, rojo y ámbar con fondos claros neutros

02

Diseño y desarrollo web

  • arquitectura para visitantes, instituciones, prensa y patrocinadores
  • portada narrativa con titulares que se encienden y cifras animadas
  • vídeo resumen de 2026 con carga bajo demanda y controles de pausa y sonido
  • formulario de contacto con copia de marca para quien escribe

03

Contenido y documentación

  • redacción de toda la web
  • archivo de las once ediciones (2014–2026), con datos contrastados
  • hemeroteca con 161 referencias de 28 medios, citas y vídeos
  • bloque de rigor que explica las discrepancias entre fuentes

04

Idiomas

  • español, inglés, alemán y francés
  • rutas propias para cada idioma
  • terminología fijada por idioma
  • textos alternativos en los cuatro idiomas

05

SEO y visibilidad

  • nuevo dominio con el nombre de Popi
  • datos estructurados, hreflang y sitemap con imágenes
  • robots.txt abierto a buscadores y asistentes de IA, y llms.txt
  • Search Console y estrategia de enlaces oficiales
Certamen Mundial del Jamón «Popi» — imagen 5 del proyecto
Certamen Mundial del Jamón «Popi» — imagen 6 del proyecto
05Capítulo

Una portada que cuenta el certamen

El hero presenta a Popi en primer plano, con una loncha de jamón en la mano, junto al «12» vectorial. En móvil la composición se reordena para que el retrato y el nombre del certamen convivan sin pisarse.

Los titulares escalonados se encienden palabra a palabra al hacer scroll, como las luces del paseo al caer la tarde. Las cifras cuentan solas: 11 ediciones, 80 días de certamen, 65 expositores, más de 200 cortadores profesionales y más de 500.000 asistentes en 2026. Junto al titular de apertura, el vídeo resumen de la última edición se reproduce al entrar en pantalla y se pide al servidor solo cuando hace falta. Y el precio, protagonista absoluto: un «5 €» gigante, porque es lo que trae a la gente.

Certamen Mundial del Jamón «Popi» — imagen 7 del proyecto
06Capítulo

Once ediciones y una hemeroteca

Ediciones anteriores es una línea del tiempo de 2014 a 2026. Cada año tiene su número enorme, que se rellena al leer su capítulo, con fechas, días, noches de concierto, carteles y hechos destacados. De los cuatro días de 2014 a las diez noches de 2026, el certamen ha sumado 80 días de jamón junto al mar.

La hemeroteca reúne 161 referencias de 28 medios entre 2013 y 2026, 13 de ellas con versión en inglés: noticias, notas de prensa, vídeos y guías, de Estepona Televisión al Boletín Oficial de la Junta de Andalucía. Se filtran por edición, tipo de medio e idioma, y cada pieza enlaza a su fuente original o a su captura en Internet Archive.

Archivo

Once agostos, ordenados y contrastados.

Cada edición con sus fechas, sus días y lo que la hizo única, y cada titular con su fuente. Elige un año o recorre la línea con las flechas del teclado.

2020–21 · el certamen se transforma en «Ningún hogar sin comida», un concurso solidario

El paseo · 2026 · Más de un kilómetro de jamón
El paseo · 2026
Cartel 2026

XI edición

Más de un kilómetro de jamón

7–16 de agosto10 días
  • +500.000 asistentes
  • 65 expositores
  • +1 km de paseo
80días de jamón junto al mar

Hemeroteca

Lo que se ha contado, con su fuente.

Cada referencia enlaza al original o a su captura en Internet Archive. Filtra por tipo de medio para ver cómo ha crecido la conversación.

161

referencias

28

medios

13

en inglés

Piezas por año

Medios con más piezas

  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» — imagen 8 del proyecto
Certamen Mundial del Jamón «Popi» — imagen 9 del proyecto
07Capítulo

Cuatro idiomas de verdad

La web habla español, inglés, alemán y francés, cada idioma con sus propias rutas (/en/editions/, /de/ausgaben/, /fr/presse/…) y textos escritos para quien los lee. Fijamos la terminología para cada idioma, de *trancheur* en francés a *Schinkenschneider* en alemán, para que el oficio de cortador suene igual de bien en todas partes.

El selector de idioma está siempre a mano, también en el menú móvil, y cada página se enlaza con sus versiones hermanas para que los buscadores sirvan la adecuada en cada país.

Certamen Mundial del Jamón «Popi» — imagen 10 del proyecto
08Capítulo

Plataforma y desarrollo

La web está construida como un sitio estático con Next.js y servida desde el edge de Cloudflare: rápida en cualquier parte del mundo y sin servidores que mantener. Las imágenes viajan en WebP con varios tamaños, las fuentes en subconjuntos y el vídeo se carga solo cuando se va a ver.

La accesibilidad se trabajó desde el diseño, con el objetivo WCAG 2.1 AA: contrastes revisados, navegación por teclado, controles de pausa en el vídeo y una versión completa para quien prefiere menos movimiento. Y sin cookies de terceros: el contenido de redes se enlaza, no se incrusta.

a.Base tecnológica

  • 01Next.js en exportación estática, React y TypeScript
  • 02Tailwind CSS y Framer Motion
  • 03Cloudflare Workers con assets estáticos
  • 04imágenes WebP responsive y fuentes en subconjuntos
  • 05formulario propio con aviso a la organización y copia de marca
  • 06revisión visual automatizada de 320 px a escritorio en los cuatro idiomas
Certamen Mundial del Jamón «Popi» — imagen 11 del proyecto
Certamen Mundial del Jamón «Popi» — imagen 12 del proyecto
09Capítulo

Visibilidad y captación

El nuevo dominio salió preparado para que Google lo entendiera desde el primer día. Datos estructurados de organización, sitio y página; hreflang entre los cuatro idiomas; y un sitemap con 12 páginas y 248 imágenes.

Pensamos también en los asistentes de IA: robots.txt abierto y un llms.txt con la información clave del certamen, para que cualquier respuesta sobre el jamón de Estepona parta de la fuente oficial. Lo completan el alta y la verificación en Search Console y una estrategia de enlaces desde webs oficiales hacia el nuevo dominio.

Certamen Mundial del Jamón «Popi» — imagen 13 del proyecto
10Resultado

Resultado y transformación conseguida

El Certamen Mundial del Jamón «Popi» estrenó en octubre de 2026 una web oficial a la altura de su paseo: con nombre propio, en cuatro idiomas y con toda su historia ordenada y contrastada. Un espacio al que pueden acudir el visitante que planea su noche de agosto, el periodista que busca un dato y el patrocinador que quiere sumarse.

  1. 01web oficial en cuatro idiomas: español, inglés, alemán y francés
  2. 0212 páginas indexables: portada, ediciones y hemeroteca en cada idioma
  3. 0311 ediciones documentadas, de 2014 a 2026
  4. 04161 referencias de prensa de 28 medios, cada una enlazada a su fuente
  5. 05248 imágenes del certamen en el sitemap
  6. 06el logotipo de la duodécima edición, listo para cartel, pantalla y animación
Certamen Mundial del Jamón «Popi» — imagen 14 del proyecto
11Capítulo

La web

La web traslada al móvil y al escritorio lo que se vive en el paseo: el retrato de Popi, el plato a cinco euros, la música de cada noche y once agostos de historia. Navégala en vivo en mundialjamonpopi.com.

  • 01Inicio

  • 02Ediciones anteriores

  • 03Hemeroteca

Paleta

Toca un color para copiar su código

Aprendimos que…

La memoria también se diseña.

Un certamen se vive en diez noches, pero lo que lo hace grande es todo lo que se ha contado de él durante años. Ordenar esa historia con cariño y rigor, y contarla en cuatro idiomas, es la mejor invitación para el próximo agosto.

Siguiente caso2026

Diseño web UX/UI · Branding · Marketing

Estepona Travel