← All workCase study 02Art & culture

North by North West

An online exhibition for two painters — designed as a gallery you walk through, not a page of images you scroll past.

Client
North by North West
Sector
Art & culture
Role
UI/UX & front-end build
Size
One page · two rooms · 38 works
Stack
HTML · CSS · JS · GSAP
Live
north-by-north-west.com ↗
North by North West entrance: Rebecca Wallace and Pip Seymour, represented by Foxcote Gallery
HomeMove to see it in colour
Surface — the brief

Two painters. One show.

Rebecca Wallace and Pip Seymour needed an online exhibition of their work — something that felt like visiting a gallery, not browsing a folder of images.

The focus was simple: let every painting fill the screen, and make moving from one to the next feel natural.

Story — the idea

Two rooms.

Instead of one long page of pictures, the site became an exhibition with a room for each artist.

Visitors don’t scroll a list. They choose a room, step in, and walk through the work.

Room IRebecca Wallace20 works
Room IIPip Seymour18 works
Structure — how it’s felt

Minimal, editorial — and out of the way.

  • Entrance Choose a room
  • Room I — Rebecca Wallace 20 works
  • Room II — Pip Seymour 18 works
  • Info Artists & gallery
Room I
#F2EEE6
Room II
#DDD6C9

Each room has its own wall colour, sampled here from the live site. Everything else steps back: white space, quiet type, and the paintings.

Details from the site01 / 05
Room I, Rebecca Wallace: works hung side by side and scrolled sideways, each titled Great Langdale
Room IA wall you walk along
Fullscreen view: Great Langdale, charcoal, 56 x 70cm, with work counter and previous and next
Fullscreen view2 of 20
Info page: the exhibition text about two painters from North Ribblesdale, with links to both rooms
InfoThe exhibition
Mobile entrance: the two rooms stacked, Rebecca Wallace above Pip Seymour, each with Enter
MobileEntrance
Mobile fullscreen view of Great Langdale on a dark wall, with previous and next
MobileFullscreen
Build — one pair of hands

A gallery that moves like one.

Hand-built in HTML, CSS and JavaScript, with GSAP for motion — light enough to load 38 high-resolution works smoothly.

  • 01A fullscreen view for every work.
  • 02Move between works by swipe, keyboard or buttons.
  • 03Scroll-driven animation with GSAP and ScrollTrigger.
  • 04A work counter and lazy loading for 38 high-resolution images.
  • 05Fully responsive, from desktop to phone.
38
Works
2
Rooms
3
Ways to navigate