22 artworks, two cities, one guide.

A visitor standing on site needs to find an artwork, somewhere to eat, a toilet or the next event in two taps, on a weak connection and without installing anything. The content would not hold still either: the two cities open on different dates, events get cancelled or moved and venues close at short notice, so all of it had to be editable without a release.

1. 01Landing and map for two destinations

   Both cities on one landing page, with dates, sites and an artwork feed and no forced choice between them. Site chips zoom a Leaflet map with custom numbered pins, the Art, Food & Drink, Shops, Facilities and Programme filters switch the pins and the lists together, and the lists stand in for the map when the signal drops.

2. 02Artwork and artist directory

   Artists are the primary entity in the CMS and their artworks sit inside them, so the two pages link both ways. An artwork page carries its map number, an image or video slider, year, medium, dimensions, the artist’s biography and the works nearby, and it is where the QR code on the label lands.

3. 03Food, shops and programme

   One directory for food and retail, with opening hours, tags and menus. The programme runs by day with category badges for talks, performances, workshops and culinary experiences, and paid events show a price and hand off to the booking platform.

4. 04Stage, play area and VIP tours

   The stage agenda shows the whole day, dims what has passed and badges what is on now, with states of its own for cancelled and rescheduled items. Times are always UAE local, whatever the phone’s time zone. The play area and the VIP buggy tours carry hours, ages, meeting points, prices and booking per site.

5. 05Information hub

   Toilets, prayer rooms, parking, first aid, accessibility and buggy pick-up points in one place. An item with one location opens directions straight away; one with several opens the map with those pins highlighted. Sections with nothing in the CMS drop out of the menu on their own.

6. 06Arabic with a real right-to-left layout

   The Arabic version is a mirrored layout, not a translated one: the header, back button, chips, lists, cards and sheets all flip, while dates, times, prices and pin numbers stay left to right. Switching language keeps the page, the filters and the scroll position.

7. 07Built for a weak signal

   Offline toasts, skeletons, a cached map and retry; empty states for a day with no events or a site with no food; a 404 for content removed behind an old link. 42 states and edge cases were designed rather than described, and no link or QR code ends at a dead end.

• Payload CMS
• Google Maps and Apple Maps directions
• External event and tour booking