← Back to Portfolio

Shows & Exhibitions

It is important to display the shows and exhibitions in which you are participating on your website. The web page, AnnieShaverCrandell.com/shows demonstrates an event listing where visitors can easily understand where they can see her work in New York.

When your artwork is on display in a show or exhibition, it is important to have that information on your website. It shows you are an active artist with work that was selected for juried shows, but also allows website visitors to know where they can see your work in person.

The tricky part about listing show information on websites, is that shows come and go, and the information is constantly changing. You don’t want to ask your website visitors to sort through a calendar listing, because information on websites is consumed rapidly and if it proves to be confusing, visitors will simply move on

The best solution is to only display what shows are currently running and what is coming up.

The website, AnnieShaverCrandell.com is a great example of listing shows and exhibitions. Annie is a remarkable artist who is talented in so many mediums. She lives in New York and has an active show schedule.

Annie Shaver-Crandell show page on her website

On her Shows page, you can see the current shows, as well as the Upcoming Shows. Each day this listing may change. If it is the first day of a show, it automatically moves to the current show listing. If it is the day after the last day of show, it disappears entirely from the page.

If there is a virtual component to the show, there is a link for visitors to see the show from the comfort of their home.

I wanted to take a moment to talk about the design of these events. You can see from Annie’s website, that I created a card for each event. This is an effective design pattern, as the information is well grouped, so the eye easily sees which information goes together, and which artwork is matched with each event.

But the other reason that cards are becoming a useful design pattern in websites, is they adjust well to various screen sizes. On the widest screen, the information has a big area to float around, so it is important to visually pull each event’s information together with a border.

Cards will collapse as the screen width shrinks down to phone sizes.

Notice when it hits a certain width, the border disappears. The information is the same, but now the border starts to look busy. Since the screen is now predominately vertical, white space can be utilized to continue the visual groupings, especially as the visitor scrolls down.

Annie Shaver-Crandell's shows page on a phone

All works are copyright by Annie Shaver-Crandell.