Grupo La Palma

Una empresa familiar con casi 40 años de oficio y dos generaciones al frente merecía una presencia digital que contara lo que ya era en la calle: un grupo cercano, serio y con mucho brillo.

Planteamos la web como un salón más del grupo: se entra, se siente el ambiente y se encuentra lo que se busca en pocos segundos.

Hicimos un restyling del logotipo de Grupo La Palma: logotipo completo en positivo y negativo y un isotipo independiente que se convierte en el corazón de todo el sistema. Es la pieza de metal dorado del hero en 3D, el núcleo de los marcadores del mapa, el favicon, la plantilla de las imágenes para redes y el monograma que asoma en el pie de página.

Alrededor del isotipo construimos el lenguaje visual: negro profundo con capas de luz y grano fino, el oro como color protagonista y un neón multicolor de apoyo en rosa, cian, ámbar, violeta y verde. Tipografía Inter Display en pesos 800–900, con titulares gigantes y una palabra de acento en degradado oro. La pica ♠ es el leitmotiv: los cuatro palos forman la familia de iconos y la pica se dibuja en la carga, en las transiciones y en los pines del mapa.

El diseño huye de las tarjetas iguales. Filas numeradas 01/02/03, columnas asimétricas y fotografías a sangre con el nombre de cada salón encima construyen un ritmo editorial que invita a seguir bajando.

Las superficies de cristal en la cabecera, los paneles y las etiquetas, y los bordes luminosos de un píxel como acento, dan profundidad sin recargar. Cada titular reserva su brillo para una sola palabra, y eso hace que el oro luzca más.

El movimiento funciona como un sistema único. Los titulares se componen letra a letra, las imágenes aparecen con un micro-zoom, las cifras de la historia (1986, 40 años, dos generaciones) cuentan con un brillo suave y los nombres de los salones desfilan en una marquesina gigante. Entre páginas, una cortina negra con la pica dibujándose.

En la portada, el isotipo extruido en 3D flota como una pieza de metal noble sobre un vídeo oscurecido, con halo de neón, partículas de luz y una respuesta sutil al puntero. Se carga en diferido para no frenar la página, y quien prefiere menos movimiento recibe una versión estática igual de cuidada.

El mapa es una de las piezas más especiales de la web. Usa un estilo oscuro de la marca y marcadores propios con el isotipo en el centro, un brillo de colores girando y anillos que se expanden. Al cargar, los salones se encienden en cascada, como las luces de una marquesina.

La lista se sincroniza con el mapa, el filtro por zona encuadra cada área con una animación suave y cada salón abre su ficha con horario y «Cómo llegar». En móvil, la ficha sube como un panel que se arrastra con el dedo. Todo se puede recorrer con teclado.

La línea B2B tiene su propia landing, categorías para tragaperras, futbolines, billares y dardos, y páginas para cada necesidad concreta. El formulario «Pide tu máquina» se completa en un solo paso, con validación en cliente y servidor y protección antispam.

Para competir en cada municipio creamos páginas de ciudad y guías para hosteleros con contenido propio de Estepona, Marbella, Algeciras, Cádiz, Tarifa, Jerez y muchas más, generadas desde una plantilla única con datos por ciudad. Los datos estructurados describen cada salón, y un sistema propio de seguimiento de posiciones mide la evolución palabra a palabra y ciudad a ciudad.

La web está construida con Astro 5 como sitio estático: HTML puro con interactividad solo donde hace falta. Trabajamos con un presupuesto de rendimiento estricto desde el primer día, con imágenes en AVIF y WebP en varios tamaños, vídeos optimizados y logotipos en SVG ligero.

La web traslada la experiencia de las salas al móvil y al escritorio: entras, se encienden las luces y encuentras tu salón, tu máquina o la historia del grupo en pocos segundos. Navégala en vivo en grupolapalma.es.