← Todos los casos
MOMA Bilbao · Ocio nocturno

Una web de discoteca que no envejece, porque el programa no se escribe a mano

Web en castellano, inglés y euskera para una discoteca del centro de Bilbao. La programación, las tarifas y la compra salen en vivo del sistema con el que la sala vende, y alrededor van las piezas que esa sala necesita: el plano de la planta dibujado en vectorial, el muro de Instagram servido desde nuestro propio servidor y ni un rastreador de terceros.

Cliente
MOMA Bilbao
Sector
Ocio nocturno
Proyecto
Web multilingüe · Sistema a medida
Publicado
Autor
João Pedro Miranda Goncalves
En marcha
momabilbao.com
Portada de la web de MOMA Bilbao, con el vídeo de fondo, el lema Tu noche perfecta y el botón de entradas y VIP
El punto de partida

Una web de discoteca
envejece en una semana.

MOMA abre jueves, viernes y sábado, y cada noche tiene nombre propio: Momazo de Ley, Campus, Sábado Noche, el tardeo. El programa cambia constantemente, y además hay campañas que aparecen y desaparecen.

Una web que copia ese programa a mano nace vieja. Alguien tiene que acordarse de actualizarla cada semana, y el día que no se acuerda la web miente: anuncia una sesión que ya pasó, o se calla una que empieza el jueves.

Lo que se pedía no era una web bonita de una discoteca, sino una web que no pueda contradecir al sistema con el que la sala vende de verdad.

El recorrido

De buscar plan
a tener la entrada.

Quien entra está decidiendo dónde ir esta noche, casi siempre desde el móvil y con prisa. La web resuelve en ese orden: qué hay, de qué va, cómo es la sala, y comprar.

  1. 01 Visitante Llega buscando plan para el jueves, el viernes o el sábado
  2. 02 Idioma La web le responde en castellano, inglés o euskera
  3. 03 Programación Ve las sesiones y las fechas que dice el sistema de venta, no una lista copiada
  4. 04 Sesión Entra en la noche que le encaja y ve de qué va
  5. 05 La sala El plano le enseña pista, barras, cabina y reservados antes de decidir
  6. 06 Compra La entrada o el reservado se cierran en el canal oficial de venta
  7. 07 Grupo Quien viene con grupo escribe por WhatsApp, sin rellenar formularios
Una sola verdad

La web lee,
no copia.

La programación, las tarifas y la compra salen en vivo de Fourvenues, que es el sistema con el que la sala vende. No hay una lista escrita a mano esperando a que alguien la refresque.

Eso tiene una consecuencia que va más allá de ahorrar trabajo: la web y la taquilla no pueden discrepar. Y hay una línea que no se cruza nunca: la web no afirma por su cuenta que quede sitio. Quien decide la disponibilidad es siempre Fourvenues, porque es el único que la sabe.

Tres idiomas, una web Castellano Inglés Euskera

Completos, no a medias. Con el marcado que le dice a Google cuál servir a cada visitante según de dónde venga.

Lo que se construyó a medida

Las piezas que
no venían de fábrica.

Reservar mesa a ciegas es incómodo: se paga un reservado sin saber si cae junto a la cabina o al fondo. El plano de la planta está dibujado en vectorial con las zonas reales de la sala, y aparece donde se decide la compra.

El muro de Instagram no lo carga el navegador del visitante desde Instagram, sino nuestro propio servidor, que guarda copia. Si Instagram falla, el muro sigue en pie. Y la bola de espejos que gira al bajar por la portada está hecha con código propio, sin traer ninguna librería de terceros.

  • El plano de la salaPista, las dos barras, la cabina del DJ y los reservados, con sus rótulos cambiando de idioma. Nítido a cualquier tamaño.
  • Muro de Instagram con redServido desde nuestro servidor y con copia guardada: la caída de un tercero no deja la página coja.
  • Bola de espejos en 3DGira al bajar por la portada. Código propio, sin librerías ni servicios externos.
  • Sin formulariosGrupos, eventos privados y dudas van por WhatsApp, que es por donde escribe la gente a las dos de la mañana.
Peso y velocidad

Más resolución
pesando menos.

El vídeo de la portada se rehízo entero. Pasó de 480p a 720p, más del doble de resolución, y a la vez bajó de peso en ordenador: de 3,80 MB a 2,22 MB. Se sirve en dos formatos para que cada móvil use el que sabe descodificar su propio chip, que es lo que decide si la batería sufre o no.

Eso importa porque el visitante típico llega con datos móviles, de noche y con prisa. Una portada que tarda es una portada que se cierra.

Una segunda visita a cualquier página son unos 28 kB: casi todo lo demás ya está en su navegador.

Privacidad

Ni una cookie
de terceros.

La web no lleva rastreadores. Las fotos de Instagram y los carteles de Fourvenues los descarga nuestro servidor y los sirve él, así que el navegador del visitante no habla con nadie más que con la propia web.

No es una postura decorativa: en una web de ocio nocturno, cada recurso incrustado de un tercero es una cookie que alguien tendría que consentir y un aviso más que gestionar. Quitando al tercero desaparece el problema, en vez de taparlo con un cartel.

  • Títulos propiosCada una de las quince páginas tiene su título y su descripción, sin repetir plantilla.
  • Datos para GoogleDiscoteca, eventos, preguntas frecuentes y migas de pan, marcados para que los entienda.
  • Mapa del sitio automáticoSe genera solo e incluye las ciento ocho noches del calendario.
  • Hecha para el móvilDiseñada primero para la pantalla pequeña, que es por donde entra casi todo el mundo.
Lo que cambia

Lo que se ve
al entrar hoy.

  • El programa de la web y el del sistema de venta no pueden discrepar, porque la web lee en vivo en vez de copiar.
  • La web no afirma por su cuenta que quede sitio: quien decide la disponibilidad es siempre el sistema de venta.
  • Las tres lenguas son la misma web, con el marcado que le dice a Google cuál servir a cada visitante.
  • El plano de la sala está dibujado en vectorial: se ve nítido en cualquier pantalla y sus rótulos cambian con el idioma.
  • El muro de Instagram se sirve desde nuestro servidor con copia guardada, así que si Instagram falla el muro sigue en pie.
  • Al visitante no le llega ni una cookie ajena: las fotos de Instagram y los carteles del sistema de venta los descarga nuestro servidor.
  • No hay formularios que rellenar; el contacto va por WhatsApp.

Resultados cualitativos, verificables mirando el sistema. Las cifras se publican solo cuando están medidas.

La web se publicó en septiembre de 2026 y todavía está cerrada a los buscadores a propósito, así que aquí no hay cifras de visitas ni de posicionamiento: no las ha medido nadie todavía. Lo que hay es lo que se puede comprobar entrando.

Plano de la planta de la sala con la pista, las dos barras, la cabina del DJ, las tres zonas VIP, los aseos, el guardarropa y la salida de emergencia, con su leyenda al lado
El plano de la sala, dibujado en vectorial con las zonas reales. Quien reserva mesa ve dónde cae antes de pagar.
Página de reservados VIP de MOMA Bilbao, con el resplandor morado sobre la cabecera y las tarjetas de cada reservado
Los reservados. La reserva, las tarifas y el depósito se cierran en el canal oficial de venta, no aquí.
La portada de MOMA Bilbao en un móvil, con el lema y el botón de entradas, y la bola de espejos asomando debajo
La misma portada en el móvil, que es por donde entra casi todo el mundo a decidir el plan de esta noche.
El plano de la sala en un móvil, completo y con su leyenda debajo
El plano en el móvil. Al estar dibujado en vectorial no se pixela ni hay que ampliarlo para leer los rótulos.
La página de reservados VIP en un móvil, con la cabecera y la primera tarjeta de reservado
Los reservados en el móvil. La web se diseñó primero para esta pantalla y después para la grande.
TapDigital Enterprise

No desarrollamos herramientas independientes.
Construimos un sistema donde todas trabajan juntas.

Lo de MOMA Bilbao es un proyecto Enterprise: se parte de cómo funciona la empresa y se diseña la infraestructura entera a su alrededor, no una herramienta suelta detrás de otra.