Genium Pub Quiz – Juego de Quiz Interactivo para un Club de Juegos Intelectuales | ROXL's Blog

Tecnologías

VueWordPressPHPGeolocationQuizFrontend

Enlaces

https://www.genium-quiz.com/

Servicios

→Rediseño visual — atmósfera de pub y UI alineada a la marca
→Desarrollo del juego de quiz interactivo en VueJS
→Integración con el panel de administración de WordPress para gestión de contenido del quiz
→Módulo de geolocalización para mostrar contenido según la ciudad
→Flujo de registro a eventos sin fricción (sin cuenta requerida)

Entregables

✓Sitio rediseñado con identidad visual de noche de pub
✓Juego de quiz en VueJS — totalmente gestionado a través del panel de administración de WordPress
✓Módulo de geolocalización — horario y galería por ciudad en un clic
✓Flujo de reserva de eventos sin registro

El desafío que enfrentamos

Genium organizaba pub quizzes en vivo en varias ciudades. Su sitio web listaba eventos pero no daba a los visitantes ningún motivo para quedarse — el bajo tiempo en el sitio perjudicaba el posicionamiento en buscadores, y reservar un juego requería demasiados pasos. El encargo: hacer que el sitio se sintiera como el propio juego, mantener a los visitantes comprometidos y reducir a cero la fricción en el registro.

La trampa: el sitio ya estaba en producción con funcionalidad existente. Todo lo nuevo debía superponerse sin romper lo que ya había.

Descubrimiento

La principal caída ocurría antes de que los visitantes llegaran siquiera a la página de eventos. El sitio se veía genérico — nada comunicaba la energía de una noche de pub quiz. Surgieron dos problemas relacionados:

Cero gancho interactivo — los visitantes leían una página y se iban. Ningún motivo para hacer clic, ningún motivo para quedarse.
Fricción por ciudad — los usuarios tenían que navegar manualmente para encontrar eventos en su ciudad, lo que mataba la conversión en móvil.

Opciones consideradas

Reconstrucción completa sobre un nuevo stack — descartado. El cronograma y el presupuesto no permitían empezar de cero, y se perdería el capital SEO acumulado.
Plugin de quiz listo para usar en WordPress — descartado. Los plugins disponibles eran demasiado rígidos para la UX de estilo juego requerida y no podían tematizarse para encajar con la atmósfera del pub.
Widget de VueJS embebido dentro de WordPress — elegido. Entregó una experiencia interactiva personalizada y completamente tematizada sin tocar la estructura de CMS existente. Vue se encargaba del estado reactivo del juego; WordPress seguía siendo la única fuente de verdad para el contenido y la configuración a través del panel de administración.

Decisión

El proyecto se dividió en tres entregables independientes que podían lanzarse y validarse por separado: un rediseño visual, un juego de quiz en VueJS y un módulo de geolocalización. Esto permitió que el sitio existente siguiera en producción durante todo el desarrollo sin tiempo de inactividad ni regresión de funciones.

Implementación

El rediseño reemplazó una maquetación limpia pero fría con una estética cálida de pub — fondos oscuros, tipografía que evocaba menús de pizarra y movimiento que se sentía juguetón en lugar de corporativo. Cada decisión servía al mismo objetivo: hacer que se sintiera como si ya estuvieras en la noche de quiz.

El juego de quiz se construyó como una aplicación VueJS autocontenida montada dentro de una plantilla de página de WordPress. Las preguntas y opciones de respuesta se gestionan íntegramente a través del panel de administración de WordPress — no se necesita participación de un desarrollador para actualizar el contenido. La mecánica del juego es simple por diseño: una pregunta, cuatro opciones, retroalimentación instantánea. El resultado es un bucle de compromiso compartible que mantiene el tiempo medio de sesión muy por encima de la línea base.

El módulo de geolocalización detecta la ciudad del usuario y muestra el horario de eventos y la galería de fotos correctos en un solo clic. Sin selector de ciudad, sin menú desplegable, sin paso de navegación adicional. Para un negocio que organiza eventos en varias ciudades, esta fue la única palanca de conversión más importante — los usuarios que llegan desde anuncios específicos por ciudad ahora ven contenido relevante de inmediato.

Resultado

Los visitantes que interactúan con el quiz pasan significativamente más tiempo en el sitio, mejorando directamente la señal SEO. El registro a eventos pasó a un flujo de un solo toque — sin cuenta requerida, sin formulario más allá de nombre y teléfono. El módulo de geolocalización eliminó la fricción de navegación por ciudad para los visitantes multiciudad. Toda la funcionalidad existente se conservó sin un solo reporte de regresión tras el lanzamiento.