a website for an art gallery
Wateranne art gallery
Project overview
The product:
This is a website for an art gallery where art lovers can browse the gallery's collections, check out current and upcoming exhibitions, as well as purchase tickets to exhibitions. The site also has an extensive library for research on art history, with in-depth information on the history of the artist and his artistic processes.
Project duration:
January 2023 to February 2023
The problem:
Art lovers who want to visit art galleries with new artist and classic artworks. People interested in art can find a place to do some deep research into the art world.
The goal:
We would like to offer people interested in art a website where they can find new artists and gallery owned collections with artists new to the market and also the app aims to have a place where users can dig deeper and do extensive research in one place.
Lead UX designer, UX researcher and advertise.
My role:
Responsibilities
User research, wireframing, prototyping.
User research
Personas
Problem statements
User journey maps
1.
Pain Point
Learn more about new art in the marketing and new collections.
2.
Pain Point
Find all information about the gallery in one place for quick search
3.
Pain Point
4.
Pain Point
Understand some the paint techniques and how it was painted.
Persona: Monika
Problem statement:
Monika is a busy plastic artist and teacher who needs [to find new gallery website to learn deeply about history of the art and find new artist in the art market] because [she needs to share that for improve her work].
Persona: Christian
Problem statement:
Christian is a songwriter and a write who needs to find new art gallery and learn more about history of the art for his work.
Starting
the design
Sitemap
Paper wireframes
Digital wireframes
Low-fidelity prototype
Usability studies
The wireframes were designed to facilitate the user's flow when finding information easily within the app.
The target audience of the gallery is an audience that accesses the site on different devices, with this idea in mind the application was created for other screens with a responsive layout.
The target audience of the gallery is an audience that accesses the site on different devices, with this idea in mind the application was created for other screens with a responsive layout.
Usability study: findings
Location:
United Kingdom, remote
Participants:
5 participants
Length:
35-45 minutes
Usability study: findings
Navigation
The site lacked a search bar to facilitate the search flow.
Interaction
Buttons are confusing from having multiple pages inserted within a menu without being flagged with a sandwich button
Experience
The ticket purchase experience
is very difficult.
Refining
the design
Mockups
High-fidelity prototype
Accessibility
Mockups
Based on studies for users to have a better experience on the site, a search bar was inserted so that the user has a new search option, using keywords to find the search result.
After usability study
Before usability study
After usability study
Mockups: Original screen size
Different screen sizes were created based on the previous wireframes. Because our users can have the experience of searching and on our website using different devices, from an apple watch to the website on the computer, from the phone to a tablet.
Apple watch
Tablet
High-fidelity
prototype
The high-fidelity prototype shows the clean flow of the site, as well as the full form of search and other options for gallery ticket purchases, new artist and exhibitions and about art history.
Accessibility considerations
1
The site now has a search engine that helps with the ease of searching, it can be searched by image and by voice, as well as by typing.
2
Menus were added with an easy flow for the user to carry out his search.
3
Easy ticket purchase forms for different types of exhibitions and artists are included.
Going forward
Takeaways
Next steps
I learned that the more you make it easier for the user in all their difficulties to carry out a task within a website, no matter how difficult it may be, make the design accessible, the good use of colors, fonts and images bring harmony to the design, making it easier. there is a hierarchy that helps the user to use a responsive website.
Takeaways
Next steps
1
Conduct a follow-up testing to find more user pain points and difficulties.
2
Identify additional areas on the site that need changes.
3
Make menu changes, insert pages to help with site design.
Let’s connect!
Thank you for viewing my project with the Watteranne art gallery site!
If you would like to see more of my projects please get in touch using the contact information below!
E-mail: annesilva1194@gmail.com
MY RESUME