ArtNKids
Project Details
Industry
Education
Service
UX|UI Design
Role
UX Researcher
UI Designer
Year
2021
ArtNKids
Problem
A client seeks a service that allows parents to easily access online art lessons or order art activity kits for their children (primarily ages 2–10) at home.
1. No existing service combines both online art lessons and art activity kits.
2. Users cannot try virtual lessons before purchasing.
3. Parents often struggle to determine which lessons or kits suit their child best.
Audience
Parents of children aged 2–10 who are interested in creative learning through art lessons or activity kits.Parents, who have kids (mainly ages 2-10 yrs old), are interested in art lessons or art activity kits.
Potential Solution — ARTNKIDS: web-based service provides diverse and interactive online art lessons and fun art activity kits.
1. Browse a wide selection of online art lessons without location limitations.
2. Order activity kits with a single click, delivered to your door.
3. Try lessons or kits before purchase with a free trial option.
4. Receive instant guidance through an on-site chatbot available on every page.
1. Process
1-1. Survey
1. Researched user behaviors and preferences related to online art lessons.
2. Identified the unique value proposition of the service prior to development.
3. Designed product features informed by quantitative data insights.
1-2. Survey Insights
1. Researched user behaviors and preferences related to online art lessons.
2. Identified the unique value proposition of the service prior to development.
3. Designed product features informed by quantitative data insights.
1-3. Competitive analysis
I conducted a competitive analysis of three services—KiwiCo, The Art Studio NY, and Young Art Lessons—to identify their key features and understand how they deliver services to their users. This analysis helped me pinpoint competitor strengths and uncover opportunities, which informed the features I chose to incorporate into my own product.
1-4. User Personas
Based on the survey findings and competitive analysis, I created four user personas—Lilly, Matt, Liu, and Briett. These personas guided the development of ARTNKIDS’ information architecture and service features. Before moving into the user flow and sitemap, I examined each persona’s behaviors, goals, and frustrations to ensure the design addressed their specific needs.
Meet, Sarah!
“I want to spend quality time with my kids, and I’d love for them to make friends through virtual art lessons.”
Demographics
35-year-old mom working from home, living with three children.Working from home mom who is 35 yrs old and lives with three kids.
Behaviors
Balances a busy schedule between work responsibilities and childcare.
Manages and plans all of her kids’ schedules.
Attempts to arrange playdates but often finds it challenging due to time constraints.
Goals
Provide her kids with fun and engaging art activities.
Avoid the hassle of preparing materials by using ready-to-go activity kits.
Expose her children to a variety of art experiences.
Help her kids build connections and friendships through online interactions.
Meet, John!
“I want to have a great time with my kids and create precious memories together.”
Demographics
40-year-old working dad living with two children.
Behaviors
Struggles to spend enough time with his kids due to work commitments.
Makes an effort to play or engage with them at least twice a week.
Goals
Seeks special events to enjoy with his children.
Aims to ensure his kids are happy and satisfied with the activities he plans.
Wants to know exactly which art activities his children will experience before committing to a service.
1-5. From the personas, I..
Small-group online art lessons – to help children make more friends and give parents opportunities to enjoy creative time with their kids.
Art activity kits – so parents can skip the preparation and still provide engaging, ready-to-use art experiences.
Free trial lessons – allowing families to preview the art activities before committing to the service.
2. Information Architecture
2-1. User Stories
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.
User Story 1 — Working Mom with Three Kids
I want to
<Goal/ Objective>
I want my kids to have online art lessons at home and access to creative art activity kits.
so that
<Benefit/ Result/ Some reasons>
I can focus on work while my kids attend lessons, where they develop their creativity and make friends through virtual classes.
User Story 1 — Working Dad with Two Young Kids
I want to
<Goal/ Objective>
I want to have fun opportunities with my kids and try free trial services before making a purchase.
so that
<Benefit/ Result/ Some reasons>
I can create meaningful memories with my kids and find out if they enjoy the art lessons or kits before committing.
2-3. User Flows
Next, I created detailed step-by-step user flows based on the prioritized features from the matrix to ensure all necessary screens were included for the prototyping stage.
2-4. Sitemap
This sitemap outlines the content and structure of ARTNKIDS. It includes virtual lessons and art kits for users, as well as a shop menu for purchasing items for themselves or their friends and family. Users can view their favorites and manage their personal information in the “My Page” section, and reach out via the “Contact Us” tab. New users also have the option to try free trial services through the “Free Trial” tab.
2-5. Wireframes-sketch
Below are sketches for the wireframes, covering screens such as Home, Virtual Lessons, Art Kits, Art Kit Details, Virtual Lesson Details, Adding Favorites to Cart, Instructors’ Information, and Instructor Details.
Below is a link to the wireframes, created from the initial sketches. I focused on developing content that clearly conveys information about the online art lessons and art activity kits.
.svg)
3. Brand Development
3-1. Brand Characteristics
Since this service targets kids aged 2 to 10, I aimed to create a website design that feels cute and approachable. Simplicity was key to ensure users can easily understand the content and products. To support this, I chose colors that are familiar and appealing to children, such as soft pinks and light blues.
3-2. Logo Design and Process
Before creating the logo, I carefully considered the product name. After much thought, I chose “ARTNKIDS” for the online art lessons service. Below are the sketches that reflect my naming process and ideas.
After sketching initial concepts for my product, I developed the design further using Illustrator. Through several iterations of color and style adjustments, I finalized this logo. Below are the steps I took in Illustrator to create it. My goal was to design a logo that feels cute and friendly, appealing to kids.
3-3. Style tile
Since this service mainly targets kids aged 2 to 10, I chose colors that feel familiar and friendly to children. I selected soft pink and light blue as the primary colors, complemented by a vibrant orange for accents and a dark bluish-green to highlight important visual information. For typography, I wanted a sans-serif font that feels approachable yet clear. I chose Poppins because of its slightly wider letterforms, which enhance readability for young users.
After finalizing the color palette and typography, I created a style tile to guide the branding for the high-fidelity mockups. The overall goal was to keep the design cute, simple, and easy to navigate.
Below is the style tile image.
4. Usability test
4-1. Usability test goals
After developing the branding and high-fidelity mockups, I conducted usability testing with six participants.
The goals of the testing were to:
1. Ensure all content was clear and easy for users to understand.
2. Identify any usability issues or problems with the product.
3. Gather insights to improve the overall experience.
4-2. Revised Website Design (see arrows in the images below)
After completing usability testing with six participants, I updated and refined the prototypes based on their feedback to improve the user experience.
Revised design for App (See the arrows and alphabets in the pictures below)
5. Prototype
High-Fidelity Mockups
There are two links for ARTNKIDS: one for the website and one for the app. Users can access either platform to learn about the service or purchase art lessons and activity kits anytime, anywhere.
Final thoughts
It’s essential to adapt the information architecture and content based on the browsing platform, as different environments shape user experience. Using color and contrast effectively helps highlight important elements like buttons. When designing for children, branding should feel cute and approachable, with colors that are familiar and appealing to kids.
%20(1).svg)
