top of page
Anidy Gil Portada.png

Anidy Gil Studio

Shopping Center Application
EBAC Certification Project

Target

Design the website in Desktop and Mobile format for Anidy Gil Studio whose purpose is to sell branding products, using the artist's artwork as a print.
It is not only an online store of promotional items, it also contains a permanent exhibition of the artist's work and customers can contact her to order paintings by request.

Position

Product Designer

User Research, Interaction, Visual Design, Prototyping and Testing.

Challenge

Create a page that captivates the user of age 30+ and motivates them to buy art in a more accessible way and in different presentations. But fundamentally it should function as a Gallery to showcase the work and skills of the Artist, and that users can contact her directly.

Project Timeframe

2 months
Design area only, development is pending.

Solution

I worked for "Anidy Gil Studio" as a Product Designer.

The main focus of this project is to make Anidy Gil's art known, opening also the opportunity of contact for Galleries, Collectors, Clients and anyone interested in her page.

Additionally, the Artist intends to capture her artworks and her modern style beyond the canvas, in a variety of products that are attractive and accessible to the younger market.
 
The solution was to create an online store; designed primarily as a Virtual Art Gallery, where the user can get to know the Artist's work, but also can easily access the universe of products offered, filtering by category, what is of interest.

Process

UXUI Process  Ingles (1).png

Knowing the User

I conducted a survey in the archives of the Artist to analyze the characteristics of its buyers to date, as well as a research on various articles on the Internet and this is the information obtained.
 

  • 117% annual increase in public sales of digital art in 2020-2021.

  • Market of approximately $2.7 billion.

  • Online art sales represent 10% of the global market.
     

  • Top digital art buyers are 30+.

  • Younger people are looking for more accessible art options.

User Interviews

I interviewed some recent buyers of the Studio, as well as potential clients to know their needs and especially their pain-points; and according to this data, design the best experience for them; these were the results:

​

  • Buyers want to have contact with the Artist through a Virtual Gallery where they can appreciate the Art Works, interacting with them, which would be more attractive.

  • They want to see from the beginning the type of product offered and the style of the Creator from the home page.

  • Use words that are easy for everyone to understand, as well as icons that specify what they can find there.

  • Have the opportunity to interact with Anidy to learn more about her and/or place custom orders.

​

Based on this information I created the following empathy map:

Empathy Map
Empaty Map.png

User Personas

The User Personas are inspired by the particular tastes, needs and experiences of the interviewees.
 

Information Architecture

The Information Architecture was planned for users to find the content in a simple and organized way.
 

Paper Wireframes

Wireframes were made with paper and pencil. This gave me a better idea of how I wanted to design this platform with the information and elements I expected to have on it.
Paper Wireframe Desktop.jpg
Paper Wireframe Mobile.jpg

Low Fidelity Wireframes

After the Digital Wireframes I created the Low Fidelity Wireframes with which I tested the basic operation of the platform.
Web 1920 – 1.png
iPhone 14 Pro Max – 1.png
Web 1920 – 3.png
iPhone 14 Pro Max – 3.png
Web 1920 – 4.png
iPhone 14 Pro Max – 4.png

High Fidelity Mockups

Mockups are the result of the Information Architecture, Low Fidelity Wireframes and Design Elements brought together in this product.
 
Desktop-Home Page.png
Mobile-Home Page.png
Desktop-Product Clothes.png
Mobile-Product.png
Dektop-Cart Clothes.png
Mobile-Cart.png

Design Elements

In this section you will find the Design Elements I elaborated for the web page.
 
Colors
Colors.png
Typography
Buttons
Mobile
Desktop
Iconography
Inputs
Heather and Footer
Logo

Prototype Preview

These are all the interactions that were made for the prototype made with Adobe XD in Mobile and Desktop version.
 

High Fidelity Prototype

This High Fidelity Prototype is the result of the High Fidelity Mockups, as well as the interactions that were added, which allows interacting with this prototype made with Adobe XD.
 

Usability Testing

The Usability Test of the product was conducted with several users who had an estimated time of 20 minutes to complete the following tasks:

​

  • Search for the product of your choice.

  • Add it to the shopping cart.

  • Complete the purchase

​

At the end of this test it was concluded that:

​

  • Users needed to have access to the shopping cart and search icon from the navigation bar at all times, so they are now on the right side.
Before
After
  • It was necessary to create a list on the home page containing the different categories of items that can be found in the online store, so I added a carousel below the hero image with icons detailing them.
After
Before
  • In addition to searching by product, I added the option to filter by Artwork, so all products containing that artwork will be on a single screen.
Web 1920 – 2.png
Desktop-By Art.png
Before
After

Learning

I really enjoyed working on this project, what I liked the most was that it was not only an online business, but it had to be a store that connected with people through art. 
It was a great responsibility to put all the elements in place so that the soul of the Painter could touch the soul of the users and have a connection in which her creations fulfill the purpose of impacting lives.
Anidy Gil teaches us to travel with the imagination through her painting, where everyone can tell their own story; so it was a project in which emotions were involved and the objective was greater than a company empathizing with a buyer.
 

This time I produced the prototype with Adobe XD and Adobe Creative Suite because I really enjoy working with them.

​

The biggest learning I had was:
 

  • A very common phrase within UX/UI designers is that we are not artists, we design to make the message understandable to whoever uses it, unlike an Art Maker with whom each person who observes their works can come to their own conclusion. So, the expertise of being a UX/UI Designer is to put the right elements in function of the artist.
    This time art and design came together in a single project with the common goal of connecting with the user, my role was to design all the components so that the navigation was fluid and that the art of Anidy Gil and her products became the center of attention, without forgetting the image of her Studio.

  • What if we help the user to find what they don't know what they are looking for?: Adding the search by category and by artwork, was the result of the usability tests; I understood that as buyers, sometimes we are not sure what we are looking for; we almost always enter with the idea of "I'm just looking" because we expect to find what makes our heart jump; for this reason I added that function; because, whether the person is attracted by a type of product or simply because he loved an illustration, he can define what he likes the most without the need to be overwhelmed by not knowing what to look for.

  • We can make the customer have real feelings: When we learn the Empathy Maps and the User Journey Map, sometimes we think that the emotions we reflect become a bit.... exaggerated, but working with someone who expects to provoke an explosion of sensitivity and emotion in their viewers, made me understand that everything we do are experiences, and depending on how good or how bad it has been, it can completely change our mood during the day and that gives me more satisfaction because I have always focused on the user to have the best experience, to connect emotionally with a platform and make it part of their daily life.

 


I hope you enjoyed this project as much as I did, thank you for coming this far with me!

bottom of page