2023

2023

Mobile app

Mobile app

My Role:
UX/UI Designer.
Target audience:
Wide audience, from casual visitors to art enthusiasts.
Time frame:
September - October 2023
Process:
UX research and competitor analysis, user interviews, wireframing, prototyping,
usability testing, and iterative design improvements.
Tools:
Figma, Google Docs, Rotato


My Role:
UX/UI Designer.
Target audience:
Wide audience, from casual visitors to art enthusiasts.
Time frame:
September - October 2023
Process:
UX research and competitor analysis, user interviews, wireframing, prototyping,
usability testing, and iterative design improvements.
Tools:
Figma, Google Docs, Rotato





My Role:
UX/UI Designer.
Target ausdience:
Wide audience, from casual visitors to art enthusiasts.
Time frame:
September - October 2023
Process:
UX research and competitor analysis, user interviews, wireframing, prototyping,
usability testing, and iterative design improvements.
Tools:
Figma, Google Docs, Rotato, Framer.


Background
During my Google UX Professional Certificate program, I worked on developing an innovative solution for enhancing the visitor experience in art galleries. The challenge was to create an app, that addresses the common frustration visitors face when trying to access detailed information about the artwork on display. Visitors often struggle with identifying specific pieces and lack convenient access to related merchandise. The goal was to design a user-friendly app that allows users to easily scan and identify artwork, learn more about each piece, and seamlessly connect to the museum's gift shop for purchasing related items.

Background
During my Google UX Professional Certificate program, I worked on developing an innovative solution for enhancing the visitor experience in art galleries. The challenge was to create an app, that addresses the common frustration visitors face when trying to access detailed information about the artwork on display. Visitors often struggle with identifying specific pieces and lack convenient access to related merchandise. The goal was to design a user-friendly app that allows users to easily scan and identify artwork, learn more about each piece, and seamlessly connect to the museum's gift shop for purchasing related items.

Background
During my Google UX Professional Certificate program, I worked on developing an innovative solution for enhancing the visitor experience in art galleries. The challenge was to create an app, that addresses the common frustration visitors face when trying to access detailed information about the artwork on display. Visitors often struggle with identifying specific pieces and lack convenient access to related merchandise. The goal was to design a user-friendly app that allows users to easily scan and identify artwork, learn more about each piece, and seamlessly connect to the museum's gift shop for purchasing related items.

Problem Statement
¨How can we make art gallery visits more interactive and seamlessly connect visitors to the art and products they love?¨

Problem Statement
¨How can we make art gallery visits more interactive and seamlessly connect visitors to the art and products they love?¨

Problem Statement
¨How can we make art gallery visits more interactive and seamlessly connect visitors to the art and products they love?¨

"The video below demonstrates that after logging in to Artastic, users can effortlessly scan any artwork, instantly revealing detailed information about the piece, its artist, and history, and save it to their favorites."
"The video below demonstrates that after logging in to Artastic, users can effortlessly scan any artwork, instantly revealing detailed information about the piece, its artist, and history, and save it to their favorites."
"The video below demonstrates that after logging in to Artastic, users can effortlessly scan any artwork, instantly revealing detailed information about the piece, its artist, and history, and save it to their favorites."

The Challenge:
Enhancing the Art Gallery Experience

The Challenge:
Enhancing the Art Gallery Experience

The Challenge:
Enhancing the Art Gallery Experience

Imagine walking into a renowned art gallery, surrounded by masterpieces from different eras and styles. While the beauty of the artwork captivates you, the experience is often hampered by a lack of information. You might find yourself standing in front of a painting, intrigued by its details but unable to fully appreciate its significance. This frustration sparked the idea behind Artastic.



Imagine walking into a renowned art gallery, surrounded by masterpieces from different eras and styles. While the beauty of the artwork captivates you, the experience is often hampered by a lack of information. You might find yourself standing in front of a painting, intrigued by its details but unable to fully appreciate its significance. This frustration sparked the idea behind Artastic.


Imagine walking into a renowned art gallery, surrounded by masterpieces from different eras and styles. While the beauty of the artwork captivates you, the experience is often hampered by a lack of information. You might find yourself standing in front of a painting, intrigued by its details but unable to fully appreciate its significance. This frustration sparked the idea behind Artastic.


Research and Insights: Understanding the Needs

To begin, I conducted thorough research, including competitor analysis and user interviews. I visited several museums and art galleries to observe how visitors interacted with the exhibits. The insights were clear: visitors wanted more information at their fingertips without relying on limited wall labels or cumbersome audio guides. Many expressed a desire to purchase souvenirs related to the art they admired but found it inconvenient to locate these items in the gift shop

Research and Insights: Understanding the Needs

To begin, I conducted thorough research, including competitor analysis and user interviews. I visited several museums and art galleries to observe how visitors interacted with the exhibits. The insights were clear: visitors wanted more information at their fingertips without relying on limited wall labels or cumbersome audio guides. Many expressed a desire to purchase souvenirs related to the art they admired but found it inconvenient to locate these items in the gift shop

Research and Insights: Understanding the Needs

To begin, I conducted thorough research, including competitor analysis and user interviews. I visited several museums and art galleries to observe how visitors interacted with the exhibits. The insights were clear: visitors wanted more information at their fingertips without relying on limited wall labels or cumbersome audio guides. Many expressed a desire to purchase souvenirs related to the art they admired but found it inconvenient to locate these items in the gift shop.

Competitor Analysis

Competitor Analysis

Competitor Analysis

In developing Artastic, it was crucial to understand the competitive landscape and identify strengths and weaknesses of similar apps to create a product that stands out. Here’s a look at three key competitors:

In developing Artastic, it was crucial to understand the competitive landscape and identify strengths and weaknesses of similar apps to create a product that stands out. Here’s a look at three key competitors:

In developing Artastic, it was crucial to understand the competitive landscape and identify strengths and weaknesses of similar apps to create a product that stands out. Here’s a look at three key competitors:

Smartfy

Smartfy


  • Strengths: Smartify is a popular app that allows users to scan artworks and instantly receive detailed information. It boasts a vast database and partnerships with major museums, offering rich content and high accuracy in artwork identification.


  • Weaknesses: The app's interface, while functional, can be cluttered, making navigation challenging for less tech-savvy users. Additionally, Smartify’s focus is primarily on providing information, with limited integration for purchasing related merchandise.


  • Strengths: Smartify is a popular app that allows users to scan artworks and instantly receive detailed information. It boasts a vast database and partnerships with major museums, offering rich content and high accuracy in artwork identification.


  • Weaknesses: The app's interface, while functional, can be cluttered, making navigation challenging for less tech-savvy users. Additionally, Smartify’s focus is primarily on providing information, with limited integration for purchasing related merchandise.

Google Arts & Culture

Google Arts & Culture


  • Strengths: This app offers a vast repository of artworks from around the world, complete with virtual tours, high-resolution images, and in-depth descriptions. It’s a powerhouse for art enthusiasts who want to explore art from the comfort of their own homes.


  • Weaknesses: Google Arts & Culture is more of a digital art gallery than an on-site companion tool. Its comprehensive nature can be overwhelming, and it lacks the on-the-spot scanning and museum shop integration that Artastic aims to provide.


  • Strengths: This app offers a vast repository of artworks from around the world, complete with virtual tours, high-resolution images, and in-depth descriptions. It’s a powerhouse for art enthusiasts who want to explore art from the comfort of their own homes.


  • Weaknesses: Google Arts & Culture is more of a digital art gallery than an on-site companion tool. Its comprehensive nature can be overwhelming, and it lacks the on-the-spot scanning and museum shop integration that Artastic aims to provide.

Artsy

Artsy


  • Strengths: Extensive art database with seamless integration for browsing and purchasing artworks.


  • Weaknesses: Lacks real-time artwork identification and features for enhancing the on-site museum experience.


  • Strengths: Extensive art database with seamless integration for browsing and purchasing artworks.


  • Weaknesses: Lacks real-time artwork identification and features for enhancing the on-site museum experience.

Designing the Solution: Creating Artastic

Designing the Solution: Creating Artastic

Designing the Solution: Creating Artastic

With these insights, I designed Artastic, an art gallery companion app that enhances your museum visit. Artastic allows you to scan and identify artwork, providing instant access to detailed information and artist insights. You can explore nearby exhibitions and local artists, and connect to the museum's gift shop for exclusive merchandise. The app offers an immersive, user-friendly experience, making your art exploration seamless and engaging.


With these insights, I designed Artastic, an art gallery companion app that enhances your museum visit. Artastic allows you to scan and identify artwork, providing instant access to detailed information and artist insights. You can explore nearby exhibitions and local artists, and connect to the museum's gift shop for exclusive merchandise. The app offers an immersive, user-friendly experience, making your art exploration seamless and engaging.


With these insights, I designed Artastic, an art gallery companion app that enhances your museum visit. Artastic allows you to scan and identify artwork, providing instant access to detailed information and artist insights. You can explore nearby exhibitions and local artists, and connect to the museum's gift shop for exclusive merchandise. The app offers an immersive, user-friendly experience, making your art exploration seamless and engaging.


Wireframes and StoryBoards

Wireframes and StoryBoards

In the early stages of designing Artastic, I created hand-drawn wireframes and storyboards to map out the user flow and key features. This approach allowed me to quickly experiment with layouts and ideas, laying the foundation for the app’s user experience.

In the early stages of designing Artastic, I created hand-drawn wireframes and storyboards to map out the user flow and key features. This approach allowed me to quickly experiment with layouts and ideas, laying the foundation for the app’s user experience.

Wireframes and StoryBoards

In the early stages of designing Artastic, I created hand-drawn wireframes and storyboards to map out the user flow and key features. This approach allowed me to quickly experiment with layouts and ideas, laying the foundation for the app’s user experience.

Testing and Iteration: Refining the Experience

Testing and Iteration: Refining the Experience

Testing and Iteration: Refining the Experience

The initial design was tested with potential users, revealing the need for simplified navigation and a faster, more reliable scan feature. Based on feedback, I iterated on the design, particularly addressing concerns about the cluttered home menu. By merging the "Exhibitions" and "Near Me" features into one section, I streamlined the user experience, making it easier for users to navigate and discover local art and nearby exhibitions.


The initial design was tested with potential users, revealing the need for simplified navigation and a faster, more reliable scan feature. Based on feedback, I iterated on the design, particularly addressing concerns about the cluttered home menu. By merging the "Exhibitions" and "Near Me" features into one section, I streamlined the user experience, making it easier for users to navigate and discover local art and nearby exhibitions.


The initial design was tested with potential users, revealing the need for simplified navigation and a faster, more reliable scan feature. Based on feedback, I iterated on the design, particularly addressing concerns about the cluttered home menu. By merging the "Exhibitions" and "Near Me" features into one section, I streamlined the user experience, making it easier for users to navigate and discover local art and nearby exhibitions.


The style guide for Artastic

The style guide for Artastic

Typography:

The app uses the Jost typeface, which combines modern simplicity and legibility, creating an elegant look that aligns well with the art-focused experience. The typeface is versatile, making it suitable for both headers and body text, ensuring a cohesive visual experience across the app.

Colors:

The color palette is dominated by neutral tones to keep the focus on the artwork and ensure readability.

  • #151515 and #000000 are used for text and key elements, providing high contrast and a sleek, modern feel.

  • #D9D9D9 and #A9A9A9 serve as supporting shades, giving a sense of balance while allowing the artwork to remain the central focus.

This minimalist color scheme ensures that the app is visually clean, allowing users to interact with art without distractions.

Typography:

The app uses the Jost typeface, which combines modern simplicity and legibility, creating an elegant look that aligns well with the art-focused experience. The typeface is versatile, making it suitable for both headers and body text, ensuring a cohesive visual experience across the app.

Colors:

The color palette is dominated by neutral tones to keep the focus on the artwork and ensure readability.

  • #151515 and #000000 are used for text and key elements, providing high contrast and a sleek, modern feel.

  • #D9D9D9 and #A9A9A9 serve as supporting shades, giving a sense of balance while allowing the artwork to remain the central focus.

This minimalist color scheme ensures that the app is visually clean, allowing users to interact with art without distractions.

The style guide for Artastic

Typography:

The app uses the Jost typeface, which combines modern simplicity and legibility, creating an elegant look that aligns well with the art-focused experience. The typeface is versatile, making it suitable for both headers and body text, ensuring a cohesive visual experience across the app.

Colors:

The color palette is dominated by neutral tones to keep the focus on the artwork and ensure readability.

  • #151515 and #000000 are used for text and key elements, providing high contrast and a sleek, modern feel.

  • #D9D9D9 and #A9A9A9 serve as supporting shades, giving a sense of balance while allowing the artwork to remain the central focus.

This minimalist color scheme ensures that the app is visually clean, allowing users to interact with art without distractions.

"In the following video, we see a user flow leading to items related to the scanned art."
"In the following video, we see a user flow leading to items related to the scanned art."
"In the following video, we see a user flow leading to items related to the scanned art."

The Result: A Seamless Journey Through Art

The Result: A Seamless Journey Through Art

Artastic was developed to meet the needs of modern art enthusiasts. By combining instant access to detailed artwork information with seamless shopping integration, the app transforms a traditional museum visit into an enriched, interactive experience.

This project not only allowed me to apply UX principles to a real-world problem but also demonstrated the impact of user-centered design in creating a product that truly enhances the user experience. Through Artastic, visitors can now immerse themselves in the world of art, with all the information and related merchandise just a scan away.



Artastic was developed to meet the needs of modern art enthusiasts. By combining instant access to detailed artwork information with seamless shopping integration, the app transforms a traditional museum visit into an enriched, interactive experience.

This project not only allowed me to apply UX principles to a real-world problem but also demonstrated the impact of user-centered design in creating a product that truly enhances the user experience. Through Artastic, visitors can now immerse themselves in the world of art, with all the information and related merchandise just a scan away.


The Result: A Seamless Journey Through Art

Artastic was developed to meet the needs of modern art enthusiasts. By combining instant access to detailed artwork information with seamless shopping integration, the app transforms a traditional museum visit into an enriched, interactive experience.

This project not only allowed me to apply UX principles to a real-world problem but also demonstrated the impact of user-centered design in creating a product that truly enhances the user experience. Through Artastic, visitors can now immerse themselves in the world of art, with all the information and related merchandise just a scan away.