A digital art space that makes art tangible and individual works discoverable.

Ralph D. Woop's artistic work spans cyanotypes, pyrographies, portraits, commissioned pieces and experimental works with very different formats, stories and availabilities.

The challenge was therefore not simply to present images online.

That led to the requirement for a digital presence that combines exhibition, catalogue raisonné and communication platform in a single system.

An artwork behaves differently from a conventional product. Every work exists only once. Formats and proportions differ widely. Some pieces are available, others reserved, part of a private collection or simply not for sale.

An ordinary card grid would have flattened that diversity. A purely experimental gallery, on the other hand, would have created atmosphere but would only have been of limited use for targeted research, for search engines and for visitors with a specific work in mind.

The central question was therefore: how do you combine a digital gallery experience with a structured catalogue raisonné? The answer was not a single interface but two different ways into the same body of work.

The information architecture was developed so that visitors can decide for themselves how they want to approach the work.

The visual design takes its cue from the atmosphere of a historic studio and a curated gallery space.

Dark blues and blacks create a calm background. Warm gold and light accents pick up the materials and colour moods of the works. Classic serif typography connects the digital interface with the aesthetics of an exhibition. The user interface deliberately steps back behind the art.

Landscape, portrait or unusual proportions are not forced into identical image containers. A dedicated layout logic was developed for the gallery that takes the actual aspect ratios of the works into account and builds balanced rows from them.

Images that are already visible stay stable when further works are loaded. Content is added row by row so that existing elements are not rescaled after the fact.

The museum wall is not a background image. Wall, skirting board, parquet floor, ceiling spotlights and the frame around every work are drawn in the browser – from gradients, shadows, cones of light and a few material textures. A photograph would have shown the same room, but only ever that one: fixed lighting, fixed frame colour, fixed picture size.

Because every layer is made of design values, every layer stays changeable. A lighter wall, a different wood, an additional spotlight or a narrower mount is a change to a single value in the code – no new rendering, no new photo shoot. The room grows with the collection instead of forcing it into an image settled once and for all.

So that this stage set does not make every movement expensive during horizontal scrolling, it is drawn once per screen size onto a canvas and placed behind the works as a finished image. The works themselves remain individual elements in the foreground – clickable, linkable, with their real image data. When the window size changes, the room is drawn again; while scrolling, the browser moves only a single layer.

The central foundation of the website is not the page title but the work number. A work keeps its identity regardless of whether its title or its URL changes later on. Translations, recommendations, gallery positions and other links therefore stay reliably connected.

The work number itself also becomes a digital entry point. Anyone who finds a work number on a physical piece, in documentation or on a certificate can use it as an address. The system automatically forwards to the canonical artwork page.

This creates a direct connection between the physical artwork and the digital catalogue without producing additional competing URLs for search engines.

All relevant artwork data is managed centrally.

Of the website's 214 indexable addresses, 196 are generated this way from the artwork data.

Every work has a detail page of its own, where visual presentation and structured information come together.

Visitors can also move between the previous and next work. The order follows the curated gallery rather than the order in a database.

A dedicated recommendation logic was developed for related works. Among other things, it takes into account:

Eight weighted characteristics are considered in total. The recommendation can additionally explain to visitors why another work was classified as similar. Discovery therefore does not end on a single detail page but leads on thematically through the collection.

Woop Art was deliberately not built as an online shop. The focus is on communicating art, documenting the work and personal contact.

The call to action therefore adapts to the status of the work in question.

A key requirement was to make individual artworks permanently discoverable and technically unambiguous to describe.

All 98 artwork pages are marked up as VisualArtwork and enriched with information such as technique, material, work number and dimensions. Stable entity links connect artwork, artist and website.

Price and offer markup was deliberately left out, because Woop Art is a gallery and not a conventional online shop.

Multilingualism was not solved merely through translated visible text. All 98 works are fully maintained in German and English. In total that amounts to 196 artwork records with 1,372 completed translated text fields.

Canonical, hreflang and x-default links ensure that search engines connect the language versions correctly. Multilingualism is therefore not treated as an add-on but as part of the fundamental information architecture.

Woop Art was developed as a custom web application based on Next.js, React and TypeScript. The application ships as a standalone container and is therefore not tied to a particular website platform or a single hosting provider.

Every published version can be deployed reproducibly or rolled back to a previous state if needed.

Email delivery for contact enquiries also runs through a central infrastructure using Amazon SES.

Today Woop Art is not just a website with pictures. What emerged is a digital art space that brings different requirements together: