Grupo La Palma

A family business with almost 40 years in the trade and two generations at the helm deserved a digital presence that told what it already was on the street: a close, serious group with plenty of sparkle.

We approached the website as one more of the group's halls: you walk in, feel the atmosphere and find what you are looking for in seconds.

We restyled the Grupo La Palma logo: a full logo in positive and negative and a standalone isotype that becomes the heart of the whole system. It is the golden metal piece in the 3D hero, the core of the map markers, the favicon, the template for social images and the monogram peeking out of the footer.

Around the isotype we built the visual language: deep black with layers of light and fine grain, gold as the lead colour and a multicolour neon support in pink, cyan, amber, violet and green. Inter Display set at 800–900 weights, with giant headlines and one accent word in a gold gradient. The spade ♠ is the leitmotif: the four suits form the icon family, and the spade draws itself in the loader, the transitions and the map pins.

The design avoids identical cards. Numbered rows 01/02/03, asymmetric columns and full-bleed photographs with each hall's name on top build an editorial rhythm that invites you to keep scrolling.

Glass surfaces in the header, panels and chips, plus one-pixel glowing borders as accents, add depth without clutter. Each headline saves its shine for a single word, which makes the gold glow brighter.

Motion works as a single system. Headlines assemble letter by letter, images appear with a subtle zoom, the figures of the story (1986, 40 years, two generations) count up with a soft glow and the hall names roll by in a giant marquee. Between pages, a black curtain with the spade drawing itself.

On the home page, the isotype extruded in 3D floats like a noble metal piece over a darkened video, with a neon halo, light particles and a gentle response to the pointer. It loads lazily so it never slows the page, and those who prefer less motion get an equally polished static version.

The map is one of the most special pieces of the site. It uses a dark brand style and custom markers with the isotype at the centre, a spinning colour glow and expanding rings. On load, the halls light up in cascade, like the bulbs of a marquee.

The list stays in sync with the map, the area filter frames each zone with a smooth animation and every hall opens its card with opening hours and «Get directions». On mobile, the card rises as a panel you drag with your finger. Everything can be navigated by keyboard.

The B2B line has its own landing page, categories for slot machines, table football, pool and darts, and pages for each specific need. The «Request your machine» form is completed in one step, with client and server validation and spam protection.

To compete in every town we created city pages and guides for bar owners with their own content for Estepona, Marbella, Algeciras, Cádiz, Tarifa, Jerez and many more, generated from a single template with data per city. Structured data describes each hall, and an in-house rank tracking system measures progress keyword by keyword and city by city.

The website is built with Astro 5 as a static site: pure HTML with interactivity only where it is needed. We worked to a strict performance budget from day one, with AVIF and WebP images in several sizes, optimised videos and lightweight SVG logos.

The website brings the experience of the halls to mobile and desktop: you walk in, the lights come on and you find your hall, your machine or the group's story in seconds. Browse it live at grupolapalma.es.