I was approached by the curator of the M. Rosetta Hunter Art Gallery to help them build an online space to showcase exhibitions that they wouldn't be able to show physically due to the Covid-19 Pandemic, but they also wanted to keep using it even after their physical space opened back up. I created a simple and clean design for them, so the art work isn't overwhelmed by too many elements or colors.

Homepage Elements

The site's only function is to show gallery exhibitions, both current and any archived ones up to however many months they would prefer. At the time of writing this, there are no archived exhibits, but the functionality for it is built and waiting, with the homepage having a section to show case the last 2 shows to be archived.

The homepage is also build to have only 1 current exhibit, the shape of the box adjusting to fill up the area that 2 current exhibits currently do.

Exhibition Page

It may seem odd at first that the actual gallery is at the bottom of the page, but the exhibitions page was built to have a similar flow to going to a show. You receive information about the exhibit, maybe read a quote from the artist, see the stand out piece from their collection, then you walk through the space, looking at the art in the order the artist or curator puts it, letting it tell its story.

The slider for the gallery is set up specifically to help facilitate that feeling. You don't have a page of thumbnails that the viewer can skip around, instead the viewer should click through the rotation, seeing it in the order that it was curated in.

Modal

The view can click on the image to launch a modal where they can read more information on the piece if it's available, and see a larger version.

Responsiveness

The site is, of course, built to be viewed on smaller screens as well. Even with the modal view, a viewer may scroll down in the box to see longer descriptions.