Art To Space
UX / UI Design - Case Study

Project Overview
The purpose of this project is to provide a digital
platform for artists to find places to show their artwork. Commercial venues such as restaurants, cafes, and bars can participate in inviting local artists to promote their business. The Art To Space app will also call for artists in the cultural festivals and outdoor farmer’s markets. Connecting artists to space and space to artists can create a culturally dynamic and abundant atmosphere in the community.
Project Type: UX/UI Design Case Study
Role: UX Research, Visual Design,
Duration: Feb - May 2021
Tool: Figma, Adobe XD, InVision, Adobe Illustrator
Problem
Space for displaying artwork is difficult to find and not many galleries are available in the community. Young artists want to grow their artist community and network with local artists. It is difficult to find what art shows are out there and make an organized list of events to attend.
Solution
​
Art To Space app can find space for an art display by contacting the available venues and spaces. The user connects with featured artists and organizes a group show. The app has an interactive map of current art events and can be saved.
Target Audience Research

User Research
Space for displaying artwork is difficult to find and not many galleries are available in the community. Jasmine thinks that finding an available space online freely would give her more opportunities to showcase her work. She thinks it could be helpful to view a list of open spots for art display on a visual map or a list. Once Jasmine finds what outdoor and indoor spaces are available, she can contact the space to reserve a spot.

Storyboard
​

User Task Flow
Task 1. The user finds space for an art display and sends a request to the vendor owner.
Task 2. The user connects with featured artists and organizes a group show.
Task 3. The user views a map of current art events and saves the art event.



Low-Fidelity Wireframes​
​

Style Guide
​

Logo Design Ideas​



High-Fidelity Wireframes
​
Below is an example of Task 1. Wireframes. Task 1 is to "find space for art display." There are 3 sets of high-fidelity wireframes developed in this project.





Usability Testing
​
After the user test, a scroll-down bar has been added. The Notification Icon is highlighted when the page is selected. When swiping left to right, the selected event on the map gets highlighted.




Clickable Prototypes
Task 1. Find Space

Task 2. Connect with artists and schedule a group show

Task 3. Save art events to attend
