ArtTutor

Responsive web design
Project Overview
ArtTutor is a responsive web platform dedicated to enhancing the art learning experience. It offers a user-friendly space for art enthusiasts to discover courses and tutorials tailored to their medium, technique, and skill level. Our vision is to empower aspiring artists by simplifying their artistic journey, making it easier to find and follow the content that aligns with their creative aspirations. ArtTutor bridges the gap between artists and the resources they need to thrive, fostering creativity and nurturing talent in the world of visual arts.
The problem

Aspiring artists struggle to navigate the vast sea of information available online, making it challenging to find relevant content tailored to their specific needs. This lack of organization and personalization hinders their artistic development and can be a source of frustration.

The goal

My aim is to empower aspiring artists by offering a curated selection of art courses and tutorials based on their desired medium, technique, and skill level. We strive to simplify the learning process, making it easy for users to discover and track their artistic progress. By achieving this goal, ArtTutor aims to revolutionize art education, bridging the gap between artists and the resources.

User research

After conducting interviews and creating empathy maps, it became evident that aspiring artists and hobbyists struggle to reach their desired art level and feel frustrated by not seeing progress. While the artist's dedication is essential for progress, our research has revealed that users are also willing to learn at their own rhythm time and level and that a more personalized profile and course recommendations according to user preferences have a positive impact on motivating artists to keep learning and explore new areas.

Ideation

After conducting interviews and creating empathy maps, it became evident that aspiring artists and hobbyists struggle to reach their desired art level and feel frustrated by not seeing progress. While the artist's dedication is essential for progress, our research has revealed that users are also willing to learn at their own rhythm time and level and that a more personalized profile and course recommendations according to user preferences have a positive impact on motivating artists to keep learning and explore new areas.

Wireframes

I started the design phase by creating the paper wireframes; my main goal was to make the current courses accessible from the homepage and the profile page so the user could see their progress; also, I focused on adding a progress bar near the video miniature and labels to make categories and a % of affinity with user interest clear. After the paper wireframe, I made a digital version I tested with the user and a final version of low fidelity prototype made with Adobe XD.

Mockups

After conducting an interview session with potential users, I refined the designs to create the mockups, achieving a modern and refreshing look for an art course website compared with our competition.

High fidelity prototype

I created the high-fidelity prototype for desktop and phone screens using AdobeXD for this project stage. I wanted the page to feel innovative and new, designing the website with a modern style and adapting it to a dark-mode screen to make it comfortable to explore.
ArtTutor Web Desktop High-Fidelity Prototype
ArtTutor Web Phone High-Fidelity Prototype

ArtTutor
UI/UX Desing
Oct 2023
The process of designing ArtTutor was a profound and enlightening experience that imparted invaluable lessons. It reinforced the principle that user needs should always precede the design process. Additionally, it highlighted the importance of creating products that deliver a consistent and seamless experience across various screen sizes through responsive design. Designing ArtTutor also deepened my understanding of the capabilities of tools like Adobe XD for creating prototypes, allowing me to harness their potential effectively. It served as a testing ground for my knowledge of UX/UI principles, challenging me to apply and expand my skills in creating an interface that genuinely prioritizes user satisfaction and usability.
ArtTutor is a new way artists' learning experience can be improved by giving them a more personalized experience with progress tracking, community sharing, and building and a new perspective for those who enjoy learning by themselves.

Here are two quotes from peer feedback:
"It's great that I can see variety under the same topic"
"Overall feels great, looks helpful being able to see what the course is about and save them to a playlist to review later"