GRN Urban

Where it started

GRN Urban is an independent FRN.Q digital product focused on Granada's culture, places and contemporary city life, with content in Spanish and English.

The problem

Local information is frequently fragmented across event listings, tourism articles and maps. Visitors need to move between discovery, contextual information and practical planning.

What framed the work

• Bilingual Spanish and English content across the guide
• Static-first delivery, with client-side JavaScript reserved for the planner
• Consistent behaviour across mobile, tablet and desktop

What it had to achieve

Organise the city's cultural offering into a coherent editorial product that helps people discover what to do and plan around their interests and available time.

The solution

A content-rich Astro platform organised around Events, Routes, Guides and Planifica. The experience combines event filtering, curated walking itineraries, editorial resources and a dedicated itinerary configurator.

Information architecture

GRN Urban is structured around four sections: Events, Routes, Guides and Planifica. Events group activities by category and venue; Routes are organised by theme and available time; Guides provide context and link to related places and activities. Planifica is an itinerary builder for selecting and arranging activities.

Visual & interaction design

The visual direction draws on print cartography and editorial design. Vertical 'GRANADA' lettering, coordinate references and section labels frame the guide as a city volume. A restrained type system and grid organise cards, lists and long-form pages in both Spanish and English, while actions such as 'Ver todos' and 'Crear mi itinerario' make the next step clear.

What it does

Events agenda

Cultural activities grouped by category and venue, with practical detail, for the current week in Granada.

Routes by theme and time

Neighbourhood walks with selected stops, distances and local notes, organised by available time.

Editorial guides

Long-form articles on heritage, culture and local life that link to related routes and events.

Itinerary planner

A builder that gathers places and activities into a personal plan.

Bilingual content

The guide is published in Spanish and English across its sections.

Design & engineering decisions

Static-first architecture

Content pages are generated statically with considered imagery, and richer interaction is isolated in the itinerary planner.

Editorial and cartographic identity

Vertical type, coordinate references and section labels frame the guide as a contemporary city volume rather than a listings app.

Four-pillar structure

Events, Routes, Guides and Planifica organise the product and cross-link instead of living as isolated sections.

Considered and rejected

Client-rendered single-page app

A single-page application could have powered the itinerary tool, but it would have loaded the whole guide through JavaScript and weakened the content pages. Static generation with isolated interactivity delivered the planner without that cost.

Technical approach

Astro provides static generation for the content-led pages; richer JavaScript is reserved for interactions such as the itinerary planner. Tailwind CSS supports the project-specific styles, and GSAP supports the restrained motion. Semantic landmarks, skip navigation and responsive image handling form part of the implementation.

Observable evidence

• Live and publicly reachable at granadaurban.com
• Events, routes, guides and the itinerary planner render from static output
• Spanish and English content available across the guide

Observable result

The platform connects city discovery, cultural content and itinerary planning within a shared interface, while keeping content-focused pages accessible and search-oriented.