Artfolio
Mobile App Development
Artfolio is a mobile application designed to serve as a digital showcase for artists of all disciplines, including painters, photographers, sculptors, and more. The app provides a platform for artists to exhibit their artwork to a broader audience, connect with potential clients, and engage with an interactive community for feedback, and facilitate commissions. Its intuitive design and user-friendly features make it accessible to both seasoned and emerging artists, as well as art enthusiasts who wish to explore new creative works. For art lovers, the app offers a rich browsing experience that includes direct interaction with artists and the ability to discover unique pieces tailored to their tastes.
Duration: 2 Weeks
Team Size: 2
Primary Role: Frontend
Our Audience
The intended audience of our app is for people who enjoy looking at art, are looking to buy custom art, and/or upload their artwork.
.png)
Meet Anne Marie
Age: 28
Education: Bachelor of Fine Arts
Hometown: Brooklyn, NY
Occupation: Artist
If there is one thing Anne is passionate about, it is art. Her love for both enjoying and creating artwork has brought her to New York, in hopes of finding fellow enthusiasts. However, Anne would like her artwork to be better recognized instead of her posts getting diluted on apps such as Instagram. She wishes there was an easier way to solely focus on art online.
User Journey
& Design
Register and Login
Users will be asked for an email and password in order to log in. If the user is new to the app, they will be asked for first and last name, their email, and a password.
Feed and Description
Users will be able to check out different pieces of artwork from all artists. Users will have the option to filter the artwork. When users select an artwork from the feed, they will be navigated to a new screen displaying information of the artwork and the artist, as well as a comment section for feedback and the option to ask about commissions.
Portfolio
The bottom bar will give users the option to navigate to their portfolio page. Here, users can upload their artwork for display and add their own description. They will also be able to manage their account from this screen.
About the Design
As the UX designer for this project, I wanted the app to be as straightforward and user-friendly as possible. To accomplish this, I made sure to leave plenty of white space so that the screen wasn't overcrowded and allowed users to navigate easily. Additionally, I wanted the CTA colors to be simple since the main focus was the art, which is filled with color.
Frontend & Development
Tools Used: Flutter and Firebase
My primary role in this project was working on the frontend and occasionally the backend when needed. To create the design, the screens consisted of utilizing Containers, Rows, Columns, AppBar, ImageAsset, etc. Many of the elements were wrapped within each other and styled by changing the sizing, spacing, color, and more.
For the backend portion, we were required to use Firebase storage in which we stored the users' information and images they uploaded. These two were stored in separate datasets, in which each artwork was assigned the artist's unique identification. Along with the ID, the artist's name, type of artwork, and description are saved. Additionally, we used Firebase's Authentication to verify logins.
Between my partner and I, we made efforts to communicate daily as this was a comprehensive project that encapsulated a great deal of both new information and knowledge we learned throughout the semester. In our daily meetings or discussions, we would discuss our progress and our priorities, and update a list of necessary tasks to complete. This allowed us to narrow down tasks, assign based on progress, and most importantly, make sure we were on the same page.
Firebase Sample Snapshot
Outcome
& More
On the left is the final recording that demonstrates how our app functions.
To look at the final code, please refer to the Github link!