Art is King: Crafting a Gallery-Worthy Portfolio for a Painter

One of my clients, needed a website for her work. The straightforward approach would have been: a hero image, an image grid, a contact form. I could have used a template and finished the site in an afternoon.

However, just five minutes into our initial conversation, the true brief emerged: she didn't want a typical website. She desired the feeling of entering a curated private gallery—simply on a screen. Not a sales platform. Not a tech product with a portfolio attached. Every subsequent visual decision had to reflect this distinction.

Designing for the Visitor, Not for Metrics

The actual visitors to this website are art enthusiasts, collectors, and occasionally gallerists—mostly between 35 and 65, culturally engaged, and browsing out of curiosity rather than urgency. This demands a fundamentally slower kind of attention than a typical landing page serves, ruling out most standard web design approaches before I even touched a single component.

A generic hero metric block would have completely missed the mark. Nobody visits a gallery to see a KPI dashboard. The 'About' section illustrates this with a portrait instead of statistics: a real photo, a brief biography, a quote in her own words.

Color That Turned Out Differently Than Planned

Honestly, I had initially planned to extract a fixed color palette directly from the paintings and maintain it throughout the website. What was actually implemented deviated from this plan, and that deviation proved to be the better decision.

The website's dominant identity color is a cobalt violet, derived from her more graphic, ink-toned works rather than her warmer, figurative ones. A warm butter yellow instead serves as a background element for sections, breaking up long stretches of white page, much like a gallery uses a single accent wall among white walls.

Built to Be Closely Examined

The clearest sign that this is meant to feel like a gallery, not a product page, appears on the individual artwork pages, where small features are exclusively designed to answer questions a real gallery visitor would ask.

Can I really see the color? Hovering over the canvas reveals a circular magnifying glass that enlarges the exact image area under the cursor, distorting edges like glass rather than a flat digital zoom.

Is there more than this one section? Below the main image, a gallery of tightly cropped detail shots allows the visitor to browse additional views of the same work.

What does it look like on a real wall? A photorealistic room rendering displays the exact painting, correctly framed and to scale, hanging in a stylish living room.

This feature could have easily been oversold. Instead, an info icon opens a tooltip clearly stating that the representation is a good approximation, but not an exact 1:1 measurement.

Whitespace Is the Design, Not Its Absence

Generous whitespace isn't unfinished design—on this website, it *is* the design. Every section received more breathing room than instinct might suggest, because a painting needs space around it to be contemplated, not just skimmed.

• Prices are hidden by default, with inquiry replacing price shock as the standard interaction.
• Works are numbered as in a catalogue raisonné, rather than displaying a blog-like timestamp.
• Visitor reactions are housed in an unobtrusive context menu action, rather than a visible counter.

What I Would Have Told Myself Before Starting

The real design work here wasn't about adding anything. It was about identifying every default setting of a web template and replacing each with a deliberate answer, then being ready to adjust that answer if the actual content challenged the initial plan.

A portfolio website for a painter isn't a template with different photos. It's a gallery wall, translated into HTML—and most of the work is deciding what doesn't belong on it. See it for yourself!