Georgia Semple

Portfolio website concept for a painter

A concept portfolio for the painter Georgia Semple: every work shown whole at its true proportions, with a viewer for close looking. Georgia hasn't approved this design.

A concept for rebuilding Georgia Semple's portfolio, made with the works, text and images from her current website. It presents 31 entries, 29 works and 2 commissions, each on its own page, grouped by year, alongside her biography, CV and contact details.

Georgia hasn't approved this design and doesn't use it. It's shown here as my own design and development work.

Editorial and restrained, closer to a monograph than a template: hairline rules, generous space and one typeface pairing (Archivo with EB Garamond), with her blue wordmark.

Artwork is never cropped, filtered or recoloured. Every image keeps its own proportions, including during animation.

This is the motion version of the design. The homepage sets one aligned row of paintings under the wordmark, then a large-type Index. A painting carries from one page to the next, and a short intro plays on the first visit. Reduced-motion settings turn all of it off.

A static Astro site with TypeScript and plain CSS, and no animation library. Client-side script is limited to the viewer, the Work browser and the motion.

A colour-managed image pipeline turns each master into AVIF at widths from 480 to 4,096 pixels, plus JPEG fallbacks. Colour profiles are kept, filenames are content-hashed and images are cached for a year. Thumbnails load small versions; the full resolution loads only when someone zooms.

It's covered by unit tests and a Playwright browser suite, including accessibility checks with axe.

Here it runs as its own Cloudflare Worker under /client-work/georgia-semple/site/, built from the original repository at a pinned commit. The portfolio and the client site deploy independently.

I audited her current site, migrated its content (text as Georgia had published it), and designed and built this concept: the site, the image pipeline, the CMS setup and the tests.

Technologies

  • Astro
  • TypeScript
  • CSS View Transitions
  • sharp (AVIF)
  • Pages CMS
  • Playwright
  • Cloudflare Workers
Georgia Semple interface screenshot