ARTNKIDS OVERVIEW

A client wants to have a service that can help users take online art lessons or order art activity kits at their homes for their kids, who are mainly 2-10 years old.

• There is no service provides online art lessons and art activity kits together.
• It is hard to experience virtual lessons before buying the service.
• It is hard to understand which art activity lessons (or kits) would be good for each kid.
  

Parents, who have kids (mainly ages 2-10 yrs old), are interested in art lessons or art activity kits.

ARTNKIDS: web-based service provides diverse and interactive online art lessons and fun art activity kits.

• This service helps users find many online art lessons without concern for location.
• Users can buy art activity kits with a one-mouse click and get those activities at home.
• Users can experience this product before they buy/take art kits or lessons with a free trial service.
  
• If the users are unsure about the products, they can get help from a chatbot service on any website page.
  

• I wanted to understand user’s behaviors and preferences toward online art lessons.
• I tried to find the merit of this service before I develop this product.
• I wanted to creat product features based on quantitative data.
  

• 80% of participants want to have small-size virtual art lessons.
• 50% of participants were interested in getting art supplies.
• 80% of participants want online art lessons/art activity kits using a computer rather than other browsing services.
  

I compared three online art supply or online art lessons services, KiwiCo, The Art Studio NY, and Young Art Lessons. I wanted to learn which features they have and how they offer the services to their users. I would like to have these features from the competitors’ strengths and opportunities from this competitive analysis. 

Based on the survey and competitive analysis, I made four user personas, Lilly, Matt, Liu, and Briett. These personas helped me to develop information architecture and service features for ARTNKIDS. However, before diving into user flow and sitemap, I wanted to understand the personas’ behavior, goals, and frustrations. 

Meet, Sarah!

" I want to have some time
for my kids and me. And I want my kids to make friends virtual art lessons"

Demographics

-Working from home mom who is 35 yrs old and lives with three kids.

Behaviors

-She is busy because of her work and kids.
-She plans all schedules for her kids.
-She tries to arrange playdates, but sometimes, it is hard to do.

Goals

-Wants kids to have fun with art activities
-Does not want to prepare for art activities (wants to have activity kits)
-Wants her kids to experience diverse art activities
-She also wants her kids to have some online friends

Meet, David!

“I want to have a great time with my kids.
I need some opportunities to make precious memories.”

Demographics

-Working dad who is 40 yrs old and lives with two kids.

Behaviors

-He does not have enough time to be with his kids together because of his job.
-He tries to play with his children at least twice a week.

Goals

-He needs special events for him and his kids
-He always wants his kids to be satisfied with activities he plans
-Wants to know which art activities his children will experience before using the service.

From the personas, I...

After making personas, I created user stories to focus on their motivation and goals when using ARTNKIDS. These user stories helped me which content I needed to develop. And I made user flow based on the user story.

Prioritization Matrix

After I understood potential users' goals and frustrations from the Competitive analysis, User personas, and User stories, I used the Red Route Matrix to identify essential tasks that provide significant value to the users based on the USER VALUE and TECHNICAL EFFORTS.

Next, I drafted step-by-step user flows with the prioritized features from the matrix to make sure to include the screens needed on the prototyping stage.

This sitemap shows the contents and structure of the ARTNKIDS. There are virtual lessons and art kits for users. Moreover, they can use the shop menu for themselves or their friends and family. Users also can check their favorites and information on “my page” and chat in the “contact us” tab. Lastly, a new user can try a free trial service in the “free trial” tab.

There are sketches for wireframes below. In addition, there are sketches for “home,” “virtual lessons,” “art kits,” “art kits details,” “virtual lessons details,” “add favorites to cart,” “instructors’ information,” and “instructors’ information details.”

There is a link for wireframes below. These are made based on wireframe sketches. I tried to develop the contents specifically to provide information about online art lessons/ art activity kits.

• As this service is for kids from 2 to 10 years old, I want to make the website look cute.
  

• It should be simple for the users to understand the contents and products.
  

• I tried to pick colors that are more familiar to kids. (such as pink and light blue)
  

Before I made a logo, I needed to think about which name I should use. After I thought a lot, I chose “ARTNKIDS” for the online art lessons product. These sketches show the efforts I made below.

After I sketched these for my product, I developed my design with Illustrator. After I changed colors and design, I decided to use this logo. There are the processes of logo making by using the Illustrator below. I wanted to make the logo looks cute and friendly for kids.

This service is for kids mainly from 2 - 10 years old, so I want to use colors that are familiar to children. I tried to use pinkish and light bluish colors for kids. After choosing those two colors, I decided on the orange color to make a point and dark bluish-green color to use when I want to give visual information. I tried to choose typography that is sans-serif. However, as this service is for kids, I want to use typography a little bit wider. So I chose a font named “Poppins,” which has a wider width.

After deciding which colors/typography I would use, I made this style tile for the branding for high-fidelity mockups. Again, I wanted to make this cute and straightforward. Here is the image of the style tile below.

After developing the branding, I made high-fidelity mockups, and I conducted usability tests with six persons. I did this test to check...

• If all content is straightforward and understandable to users.
  

• If there is any problem with this product.
  

• To get insights into this product.
  

Revised design for website (See the arrows in the pictures below)
After finishing the usability test with six participants, I changed and developed the prototypes I made. 

Revised design for App (See the arrows and alphabets in the pictures below)

There are two links for ARTNKIDS. One is the website, and the other is the app. Users can use both when they want to know about the service or purchase art lessons or activity kits wherever they are.

These are the key images from the high-fidelity mockups for web service and app-service.

• It is essential to change information architecture and contents according to browsing services since different browsing environments provide different experiences to users.
• It is important to use color and contrast to stand out important content such as buttons.
• When you make a product for children, you need to create branding that looks cute for kids. And it is also essential to choose colors that are familiar to the kids too.