SHREYA SHANKAR
sabpaint.jpg

Strokes and Brushes Website Redesign

Strokes and Brushes Website redesign

Vietnam is a place very close to my heart, and I have been following this gallery from it's inception. Vietnamese art is not as popular as that of other cultures on a world stage. Strokes and Brushes is a website that aims to promote Vietnamese artists, giving visitors the opportunity to learn about these artists, browse their works, and buy their art. 

This is an independent project that involves user research, user flow, wireframes, and visual mock ups. 


RESEARCH: 

I started off this project by taking some time to research other art gallery websites. I was mainly looking to see how artwork was typically displayed, and what other pieces of information were included. In particular, my research gave the following important conclusions that greatly helped my process: 

  1. Many art gallery websites had high impact full screen images.
  2. The websites were heavy on the images, the words were minimal. 

I was inspired by galleries such as Victoria Miro, David Nolen, and Galerie Gmurzynska. I was inspired by these in particular because the landing pages were clean, but engaging. The websites were easy to navigate, and all the focus was placed on the art. 

I then went onto the current Strokes and Brushes website, and made notes on each page in order to gain a thorough understanding of how to improve it. 

USER FLOW: 

I decided that I wanted the website to be cleanly presented, with minimal distractions from the artwork itself. My goal was to make sure users focused solely on the art, so that they would be able to make an informed decision when deciding whether or not to buy the works. With the exception of the about page, each page would be focused entirely on the artwork. 


LANDING PAGE:

I changed the landing page by incorporating a high impact full screen image. I also played around with the name "Strokes and Brushes" to come up with an image that would resonate with the name. I eventually chose the paint strokes with the paint brush to give the site a more dynamic vibe. I was deciding between covering the whole page and just having the strokes in the middle and I decided to go with the latter because it gave a cleaner, more sophisticated feel - which is what real galleries also give off. The galleries are bright, clean, and very sophisticated. I wanted to incorporate the feeling of being in a real gallery into the website. 


ABOUT PAGE: 

I decided to keep the about page very simple, just having the information required. I was inspired by the way exhibitions are introduced and described to viewers in real galleries. I modelled the about page as an introduction to the gallery that the users are about to enter into. This is also why I decided to have the about page come first in the navigation bar, because as you walk through an exhibition, the first thing you see is the description of the exhibition before entering into the artworks. 


ARTISTS PAGE: 

I was originally planning to have pictures of the artists on the artist page, but after some thought, I decided that pictures of the artist's works would resonate with the user more. The user would be more interested in the style of the artist rather than the artist himself, so I made the image for each artist page a piece of work by that artist. By presenting the page this way, users will be able to see all styles of work and choose which one they would like to know more about or see more of. 

 The user will be able to view all artworks available by the artist on his page, and by clicking on one it will take the user to the gallery view of that artwork so that the user will be able to carefully view it. Additionally, it is easy to navigate to other artists using the navigation panel at the bottom. 

The user will be able to view all artworks available by the artist on his page, and by clicking on one it will take the user to the gallery view of that artwork so that the user will be able to carefully view it. Additionally, it is easy to navigate to other artists using the navigation panel at the bottom. 


GALLERY PAGE:

Finally, after learning about the exhibition and the artists, the user will enter into the actual gallery. For the gallery page, I knew from the start that I wanted it to be clean and focused completely on the art. This is why I decided not to have any background images or anything that could potentially distract the user from viewing the art. I was again inspired by the way galleries present their artwork, with the artwork and the didactic panel on the side. My goal was to give the user the experience of viewing a real life gallery by showing the artworks in a similar fashion. The only thing that I had to add was the availability status and the enquire button so that if a user liked a piece, she would be able to immediately enquire about it. 


CONTACT PAGE:

This page was relatively straightforward, I continued with the theme of the paint strokes and kept the contact page simple for the user to make an enquiry about a piece or ask a question. 


{Programs used: Sketch, Photoshop}