top of page
Blue Gradient

Okko-Kids

Okko-Kids is a part of the streaming service. It is one of the biggest online cinemas in Russian-speaking countries with 2,6 million users. 

I developed ways to introduce information about kids profile in an unauthorized area of an online cinema.

Step 1: Find out the Problems

First of all, I interviewed the product team lead to define the company's current situation, needs, and KPIs. Based on the results of the customer's brief, I highlighted the following problems:

  • There is no information about kids profile on the browser;

  • There is also no information about kids profile on the main page;

  • There is no consistent information about subscription types in an unauthorized area.

Summary 

Role: Product Designer​

Location: Ramat Gan, Israel

What I did: Design, UX research, tests, UI, wireframing, prototyping

Collaborated with: 

  • Product Managers

  • VP Marketing

  • Customer Success

  • VP R&D

  • Developers

Industry: E-commerce

Project Type: Saas

Target Audience: B2B

Platforms: Web, Native Mobile App

Tools: Figma, Adobe Creative Suite, MUI Design System, Jira.  

Problem

There is no information about the Kids profile in the unauthorized zone. As a result, the company loses approximately 15% of new clients with children, as they cannot find any mention of this feature.

Solution

Locate the entry point in the unauthorized area of the interface and add a mention and description of the Kids profile, including its features and benefits.

User Interviews

On the results of the customer's brief, I identified the target audience and found the next groups of respondents:

  • Grandparents who help their kids with grandchildren;

  • Parents with one or more kids;

  • Children from 3 up to 12 years old.​

Before conducting interviews, I formulated hypotheses about how users might interact with the product and their wishes and concerns. Also, I prepared a plan that served as a basis for interacting with respondents.

After conducting user interviews and analyzing the results, I divided the answers into 3 groups - "Concerns ", "Wishes", and "Terms of Use". Then, I came up with the following results:

Concerns

  • Parents and grandparents worry about the safety of the children's psyche and want to be sure that they will not see anything that can harm them;

  • For children, the biggest fear is the lack of captivating content.

Wishes

  • Some parents don't want to be a "bad cop" and want cartoons to turn off automatically;

  • For some parents, it is important that the service is adaptive to different devices and can be watched not only at home but also while traveling on a smartphone or tablet.

Terms of use

  • Parents and children consider watching cartoons are a way to take a pause and relax;

  • For some parents, cartoons are a way to keep a child busy when they can't look after him.

Persona method

Based on the results of the user interviews, I created the personas to form a more cohesive image and a deeper understanding of the potential audience, as well as to build empathy to the users.

Use cases

I created use cases to determine under what conditions users would utilize the service. Also, they would help me to work out the functionality of the future interface design of the "Kids Profile" page in an unauthorized area.

User Flow

I developed a navigation map to present the data about how users would be able to find any information about profile for kids on the Main Page in an unauthorized area.

 Recommend solutions

Based on the results of the UX Research, I came up with the next design solutions: 

  • Adding a Kids Profile to the Top Navigation Menu;

  • Adding "Subscriptions" to the site footer navigation;

  • Creating a separate "Subscriptions" Page;

  • Creating a landing page for "Kids Profile".

 Design

Adding a Kids Profile to the  Top  Navigation  Menu

The header is a pivotal navigation hub in web design, as it is the first thing that users see when they enter the website. This is why I proposed  incorporating "Kids Profile" to the top navigation bar to highlight this feature and draw attention to it.

Adding "Subscriptions" to the site footer navigation

A footer is a common place to locate "secondary" information. That is why I added data about subscriptions to the help section. To maintain the convenience of the navigation process.

Creating a separate "Subscriptions" Page

In the UX study, I found out that not all the users understand the name of a particular function in "Subscriptions". Therefore, I decided to add a description for  a particular function using a dropdown list. It helps to keep the interface clean and not to overburden it. 

Creating Landing page for a kids profile

First of all, on the Kids Profile landing page, I highlighted that Okko-Kids platform is a safe space where children would not come across any violent or scary content. I implemented light colors, soft shapes, and another tone of voice to make parents feel the difference between the kids and regular profiles. To aroused in them a sense of trust and calmness.

From the research, I found out that it is important for parents that children learn about the world. Thus, I emphasized the educational aspect of Okkko-Kids, to show that  children can explore a variety of topics playfully. 

Any product developed for children is a matter of concern for parents. That is why, I added a FAQ section at the bottom of the landing page. To show the transparency of the service and provide answers to the remaining questions.

Results

As a result, I faced a unique challenge because Okko-Kids is a platform created for children, yet the decision to use it rests with the parents My well-founded UX/UI design solutions were implemented in the actual design of the unauthorized area of the online cinema services.

Summary 

Role: Product Designer​

Location: Moscow, Russia (Remotely)

What I did: 

  • User Interviews  

  • Personas & Use Cases

  • Competitive Analysis

  • Navigation & Flow

  • High-Fidelity Prototypes 

Collaborated with: 

  • Senior Product Designer

  • Product Manager

Industry: E-commerce

Project Type: Saas

Target Audience: B2C

Platforms: Web

Tools: Figma, Figma Jam, GPT 4

bottom of page