“Wow this is bautiful, I wish I could learn more about the artist.”
Emily is a art student at SCAD who loves enjoying the world of art. She often admires street art when she is walking to classes. She wishes she could fnd the artist and follow them on social media so she could see more of their work and learn more about them. She is hoping to be mentored someday.
Michael wants to showcase his art at a event, but it is hard to know when events will be in the area without doing extensive Google research. Michael would like to know of upcoming events easily so he can make sure he gets on the list. He also wants to add his art to the app and have a short bio of himself to help him get more exposure.
Lara is a blogger who loves writing about artwork in different cities. She enjoys traveling to new places and going to events. She needs a easier way to find artwork in a new city and she wants to be able to save it to her library categorized by places she has been, so she can easily share it on her blog.
“I wish there was a way to show case my art.”
“I’m in town on vacation, where could I go for a art event?”
Emily is a art student at SCAD who needs a easy way to find artist of particlar art work around her city, because she inspires to be a artist and wants a mentor.
Michael is a artist and needs a easier way to showcase his art, because he needs to reach a larger audience that will generate more sales.
Lara is a traveling art blogger who needs a easier way to find art in the areas she travels to and ways to save the artwork, becasue she is not familiar with all the places she travels to and wants to save artwork work to share it later on her blog.
Mapping Lara’s user journey revealed how helpful the Mastery app would be to her.
Drawing out paper wireframes helped me quickly get ideas out and infront of me qickly while still maintaining the users needs as the number one priority.
Made accessible for users who speak different languages
Made easy for users who would like notifications
Made easy to understand and straight forward
Made for customization of the type of artwork the user enjoys the most
Made easy, but users have a choice to continue as guest
Easily access artwork in app by scsnning QR code.
Easy to find artwork, art events, and art museums in area.
Test your art knowledge in a fun quiz.
Personalize your homepage with your art preferences.
Read artist bios with easy.
Keep up with your upcoming events.
Add your favorite artwork to your library.
Easily access museum passes and tickets.
Once paper wireframes were completed, I had an understanding of the layout of the app. However during creating the digital wireframes, I did change some layouts to better fit the user experience.
Low - Fidelity Prototype
Once the digital wireframes were created, I created the low - fidelity prototype, in which connected the user flow for finding art and reading artist bios.
On the original design, the search was on the map and the results popped up underdeath it.
The new deign has the search bar above the map and search results pops up on a popup module.
This allowed users to easiliy use the app without being hindered by too many visual distractions.
A user guide was added for users who are not full familiar with icons and shows how to use the app.
A separate page was added for the artist bio to leave room for artwork descrption. This allows users to have the entire screen to read the artist bio and artists can make their bio however long they would like.
A are you sure and benefits of notifications screens pop up when user chooses to opt out of notifications. This can lead more users to opt in.
Name of artwork and artist with profile photo was added underneath to give better access to artist bio.
The logo profile picture and back button was removed to leave more room for the artwork at the top of page.
This was the begining of the high-fidelity design with regards to the need changes that were found in the usability test.
These pages were not in the original design but were added after usability testing to give users a better user experience.
I wanted the brand name to be related to art, but I did not want to use the word art. I came up with Mastery. It does not scream art, but you would know it was a art app if someone mentioned it. It is also easy to remember.
The choice of font was also used to portray a artsy vibe.
When designing a logo, I wanted it to be very unique and have a artsy vibe. I researched unique art museums architechture and came across a few in Beriut and Miami.
A study was conducted using the low-fidelity prototype. The study revealed changes that were helpful to increase the user experience. This helped guide the designs from wireframes to mockups.
Users are not able to view artwork with ease and read artist bios.
Some users didn’t understand this screen but understood more after knowing what the apps goals were.
Some users believed they would not use the notifications and go to the app by themselves.
Some user had a hard time locating museum passes and tickets.
The simple pallet allows for the user to focus on the colorful artwork more than the app. However, the pink helps categorize its own brand for the app.
When choosing the colors, there was a bit of trial and error. Once I began building the high fidelity prototype, I realized my original color pallet was very destracting to the art work being displayed. I decided to wipe the pallet clean and only keep black, white, and gray. It looked better, however there needed to be some form of color. I choose one bright pink color inspired by Andy Warhol’s Marilyn Monroe. This is the final color pallet below.
View the Mastery Artist Bio App
The final prototype presented a clean user flow for searching for artwork and reading the artist bio. It met users needs for being fun, beautiful, and convient.
Able to zoom on bio for users who are visually impaired
For visually impaired individuals, alt text was added to images for screen readers.
I conducted a research study at the High Museum of Arts. I ask a few people a series of questions and came up with user personas. The primary personas were users that were educators, tour guides, students, artist, bloggers, who needed a easier way to search for artwork in the area.
Users are not able to view artwork with ease and read artist bios.
Non famous artist have a hard time showcasing their art outside of museums.
Users see amazing art in area but not able to read about artist
Art lovers can waste time trying to find artwork and art events in area.
Recommended artist for user preferences
Recommened art for user preferences
Easy access to app’s main features.
The app made exploring art in their area and learning about the artist easier and fun.
I learned when designing this app that a great idea is only good when it is user friendly. I put users ahead of all features that would make their user experince great.
The Artist Bio app is made to make art exploration easier and fun. It is meant to help art lovers navigate through a museum or through the streets(street art) and make it easy for users to learn about the artist and the art itself.
Users do not have to be present to enjoy these features. They have the option to explore virtually. The app also allows for personalization of the user preferences and daily art notification. There are also fun quizzes the art lovers can use to test their knowledge.
May 2021 to June 2021
Art lovers need a easy and fun way to explore art museums and street art in their current area and artist need a way to show case their art and themselves to the public.
UX / UI Designer and Researcher for the Mastery art app.
Conduct interviews, paper and digital wireframing, low and high- fidelity prototyping, conduct usability studies, accounting for accessibility, and interacting on designs.
Design a app for art lovers called Mastery that allows users to search for art in their area and learn about thhne artist who created it.
UX + UI / Research / Visual Design / Branding
A artist bio app that helps art lovers explore artwork easily in their city.
Thank you for your time of reviewing my work on the Mastery Artist Bio app! If you’d like to see more or get in touch, my contact information is provided below.