Galerye

smartmockups_knfkaiyt.png

Project name - Galerye

Project client - The ArtGroup

Project date - Sep, 2020 - Present

Background

Galerye is an online art gallery created to serve artists and art lovers (potential art buyers). The website was launched a year ago, and currently we are redesigning and working on a continuous followup. It aims to create a platform between artists and art lovers without any fee. Since there is a shortage of online gallery, Galerye aims to fulfill the gap.

Overview

This project focuses with designing of an art gallery website. The gallery is a bridge between the artist and the customer (art lovers). Galerye continuously improves its website to support both the artist and the community by creating online gallery that can help artists to display their art works to the world.

During the lockdown due to COVID19 pandemic artists are able to create their works, but there is a shortage of gallery to show their works.

Visit website 

AK%2520ART_edited_edited.jpg
Goal

The goal of this project is to redesign the website that fully functions to fulfill the need of the artist and the customer by implementing the galleries goal.

Conducting user research to identify potential user problems.  To display art works in a better way for a better online communication between the artist and customers. To upgrade the gallery from B2C to C2C.

To increase users by 30% with an easy and usable website. 

My role

I am half of the design team at Blen for this project, I have lead and worked in most of the design process with the following duties:- research potential users pain points, design the website by creating sketches, low and high fidelity wireframes, prototyping and mockups that are used for our usability test before the end result of the project.

PALET_edited.jpg
The design process

1

2

3

4

5

6

Understand

Research

Data collection
Competitor analysis
User stories

Define

Ideate      &

Design

Test

Launch

Ideating

Before we start the design process we sat down and discuss on possible ideas in brief. We discussed for whom we are designing for? What are our users motivations and experiences? What we want to achieve? 

Generating ideas started with writing and sketching on a paper, where ideas can easily flow. We decided to work on ideas that are worth to continue in developing further steps.

Assumption

The project assumes that good research will create a great design result. The project assumes to create a platform for millions to connect.

The  relationship between art lovers and the artist is not well organized. Which impacts the life of the community as a result of the design process.

It is assumed that great design  delivers the best of user experience to improve both users and the business.

It's assumed that in the future the gallery will benefit from ads.

Target audience

The target audience for this project is mostly ages 21- 60, primarily  in the United States. 

People who have access to internet. 

People who loves art and looking for art works and artists.

People who own a business and bought their houses recently or owns a house or an apartment that needs an art work. 

Ready to meet artists for a better knowledge about art.

People who wants to spend and invest their money on art. 

Knowing the problem

To find out the problem we discussed with the gallery director, and we were able to manage a user research to identify core problems related with the user as our main area of interest. 

We understand that there are few visitors because art lovers couldn't directly contact the artist. On the other hand artist are not able to sell their works directly to art lovers. Customers are frustrated because they couldn't know the story behind the art work.

The website is not well structured and grouped. It is difficult to post an art work, recived feedback, edit  and track changes. It is not possible to engage with the platform even if the aim of the gallery is to do so. This created frustration for artists who simply send their work and wait for a miracle to come. Moreover the website visitors couldn't know the price of an art work and are unable to negotiate. There are no direct connection among artists and art lovers.

The success metrics

  • Reaching  the the goal of the business ?

  • Increase visitors by 30%

  • Aiming to provide an easy-to-use website marketing system for art lovers by providing the right information on artists to help them deal the business by themselves.

  • Increase the number of artists and users with the online marketing platform.

  • To see the community engaged in the art business.

Competitor analysis

  Singularart.com

 

  • Less white space usage

  • Too much  information 

  • Good grouping

  • Commercial gallery

  • Have features i.e upcoming events

  • Contacts are via the gallery

  returnonart.com

 

  • Good, simple, and welcoming 

  • No bulk information

  • Easy to walk through the website 

  • Good usage of space

  • Commercial gallery

  • Contacts are via the gallery

Persona 1 
Desktop - 5.png
User empathy map
Group 11-2.png
User journey map
118985450_318455215897705_17751835546027
Why sketching

Sketching storyboards helps to better understand the persona that represent the user. As a core element of our design strategy knowing our user is an important step in designing the website. Sketches gives us a clear picture to whom we are designing for in keeping the goal of the project.

118762496_2378705149104508_4304514381852
Storyboarding
Desktop - 7-3.png
Persona 2
Persona 2.png
User empathy map
Group 82.png
Sketching
Desktop - 8.png
Earlier sketches
Desktop - 3.png
Current sketches
i%2520and%2520my%2520gallery%2520sketche
Earlier wireframes
Frame 1.png
Frame 2-4.png
Current wireframes
Customer
Log in
Log in.png
Log in
Sign in.png
Home
Home.png
Gallery
Gallery.png
Artists
Artists.png
Individual artist
Individual attist.png
Single art work
Message.png
Message
Single art work.png
Comment
Comment.png
Artists
Log in.png
Log in
Sign in.png
Sign in
Home.png
Home
Individual page
Individual page.png
Add
Add.png
Edit
Edit.png
Message
Message.png
Inbox
Inbox.png
Message
Message-1.png
Iterating

After carefully assessing the main problems we were able to redesign the website's UI and all the visual elements using new sketches and wireframes with new features including a landing page to login for both the artists and their clients. Artists and customers can fully control their page including posting an image, edit, comment, delete, send and receive direct messages. 

The new section in the redesigning process with "featured artist of the month" page will help the website for more visitors that enhances the traffic.

GALLERY_edited.png
Style guide
Style guide-2.png
smartmockups_kndk1tbx.png
Mockups
Sign in
Sign up.png
Home
Home.png
About
About.png
Gallery
Gallery.png
Solution

After carefully looking at the usability test result we were able to create all the design elements that needs work to meet the need of our users and the gallery goals. In solving the problem we created a page that helps users to connect directly with the artist. A very careful and well focused design approach was given to create the best solution. All the process starting from ideating, research, creating wireframes , mockups, prototyping, usability test brings us to the best solution. Our usability test was a part of our solution. 

The process in design is a part of our final product, having multiple discussions to come up with the best solution.

 

Accessibility

Accessibility is inclusive design. Designing accessibility in mind is the power of better design and it removes barriers to empower all users to be productive and connected. In accessible design whether it is permanent, temporary or situational disability all are experiencing limited mobility. I have put all the necessary effort to make the website accessible by people with disabilities and also by all equally. I have created the design elements and content of the website using the web content accessibility guidelines (WCAG) to the best of my knowledge to make it perceivable where people can see and hear the content, operable where people can use the product by type or voice, understandable where people can get clear and simple language, robust where people can use different assistive technologies. I have used hierarchy in text size, clear color contrast, focus state, interactive state, grouping similar items, and multiple visible indicators to make the product accessible by everyone. After all inclusive design is simply a good design.

 

Usability test

Our usability test helped us to see where we have to work more, We use 6 participants (3 artists and 3 customers). One of the participants were frustrated because they were not able to see the search bar. 

Overall 83.3%participants enjoyed the experience, they were happy using the website with its easy step to complete the task they were given.

We have got a great ideas from our usability test where we applied in our design process.

smartmockups_knfha6ke.jpg
Outcome

The website is well received by the client. With the help of our design we have seen satisfaction in our prototype usability test. Artist will be fully beneficial from their art works. The website not only helps to buy and sell art works but also it will build strong relationship for further artistic projects. We have tested the final version of the website and it is ready to be released shortly.

Screen Shot 2021-03-19 at 2.43 1.png
Frame 9.png
What comes next

The sketches help me to create the right design to iterate a better experience to users, for a better performance and functionality.   

What comes next is to create a mobile app design. 

To make sure everything is perfectly working as it is designed.

A followup to the website by testing, iterating and improve.

Learning
  • Decision making

  • Resolving an issue

  • Time management

  • Importance of teamwork and collaboration

Want to see more ?  Visit website