Projects

Resume

StreamsCharts collects data from the most popular broadcasting platforms, providing an insight into detailed and relevant streaming analytics.

ABOUT PROJECT

Kick-off

Problems

The Platform Overview page had been underperforming. Product analytics revealed low user engagement, characterized by few visits and short time spent on the page. Our task was to identify the reasons behind this and redesign the page to enhance its functionality and user experience, encouraging more frequent and prolonged visits.

Team

Our design team consisted of 5 UI/UX designers

Methodologies and Artifacts

For this project, we adhered to the Double Diamond design process and completed the following activities:

Business interview with the Stakeholder
Competitors analysis
User interviews
User persona and CJM
Tree testing
Framing design challenge (”How might we?”)
Prototyping
User testing
Final design and presentation

Discover

Research Phase

Ihor Kryvych

CTO of “StreamsCharts”

"The Platforms Overview page has not received any feedback from our users, neither positive nor negative. Meanwhile, all other pages are receiving feedback from our users."

Business Interview

Upon receiving the project brief, our team of five designers developed a comprehensive list of questions. We then conducted an in-depth interview with the stakeholder, gaining crucial insights necessary for the project.

User Interviews

7 user interviews were conducted

Competitors Analysis

We analyzed 11 competitors using points of difference and points of parity analysis, heuristic analysis, and UI pattern analysis

Define

SyntheSiS Phase

We analyzed the insights from the interviews and created 2 user personas ("Streamer" and "Business") along with 2 customer journey maps (CJMs)

Persona 1: "Streamer"

Goals

Engaging with sponsors and achieving financial success through streaming.

Needs

To have a large audience, comments, advertisers, to stream regularly, and to release content

Desires

To earn a lot of money from streaming

Fears

Not becoming a popular streamer, losing the account or audience

Ihor

24 years old,
Streamer on YouTube

User story

Has been streaming for 6 years, analyzes his statistics, promotes
Ukrainian language content

Pain points

Cannot attract subscribers, does not understand YouTube algorithms, does not earn money from it

Quote

"I want to grow and develop my streaming channel"

Who am I?

Ihor, a gaming streamer

What is my goal?

Monetization of the stream

Why is this my goal?

I want to earn money

What are the triggers?

I don't understand YouTube algorithms
I don't know which platform to choose
I'm not familiar with the analytics of other platforms

What do I need to do to achieve my goal?

Look at the analytics of other platforms, compare them,
and choose the most convenient one for myself

What is the desired outcome?

Complete analytics -> increased audience -> monetization -> earning money

When I stream, I want to understand how the platform works so I can draw conclusions from the analytics and influence audience growth.

CJM for "Streamer"

JOURNEY STEPS

Lack of channel growth

Searching for information

Understanding how to improve the channel

Taking actions to develop the channel  

Achieving the desired result

Doing

I've been streaming for a whole year and notice that my channel isn't growing
I visit competitors and notice their relatively greater success

I've been streaming for a whole year and notice that my channel isn't growing
I visit competitors and notice their relatively greater success

I've been streaming for a whole year and notice that my channel isn't growing
I visit competitors and notice their relatively greater success

I go into analytics, don't understand them and how to develop the channel
I search for competitors on YouTube
I watch competitors' videos and think about how I can outdo them
Start to search and understand the concepts

I go into analytics, don't understand them and how to develop the channel
I search for competitors on YouTube
I watch competitors' videos and think about how I can outdo them
Start to search and understand the concepts

I go into analytics, don't understand them and how to develop the channel
I search for competitors on YouTube
I watch competitors' videos and think about how I can outdo them
Start to search and understand the concepts

I figured out how to stand out and understood where I might have an advantage
I find out which metrics are important for my platform
I make a plan for my further actions  which actions are necessary

I figured out how to stand out and understood where I might have an advantage
I find out which metrics are important for my platform
I make a plan for my further actions  which actions are necessary

I figured out how to stand out and understood where I might have an advantage
I find out which metrics are important for my platform
I make a plan for my further actions  which actions are necessary

I execute my plan:
release 10 videos, etc.
I experiment:
-make videos of different lengths
-check the activity on videos with bad titles
Do collaborations with other streamers to exchange audiences
Encourage chat

I execute my plan:
release 10 videos, etc.
I experiment:
-make videos of different lengths
-check the activity on videos with bad titles
Do collaborations with other streamers to exchange audiences
Encourage chat

I execute my plan:
release 10 videos, etc.
I experiment:
-make videos of different lengths
-check the activity on videos with bad titles
Do collaborations with other streamers to exchange audiences
Encourage chat

I got 1000 subscribers!
I can monetize the channel now
First collaborations with brands appeared

I got 1000 subscribers!
I can monetize the channel now
First collaborations with brands appeared

I got 1000 subscribers!
I can monetize the channel now
First collaborations with brands appeared

Thinking

& saying

Pain / Gain

Thinking

& saying

Pain / Gain

Frustration from not growing my channel and not being able to monetize
"I'M JEALOUS!!!"
I see an opportunity to sneak a peek at competitors for new ideas for my channel

Frustration from not growing my channel and not being able to monetize
"I'M JEALOUS!!!"
I see an opportunity to sneak a peek at competitors for new ideas for my channel

Frustration from not growing my channel and not being able to monetize
"I'M JEALOUS!!!"
I see an opportunity to sneak a peek at competitors for new ideas for my channel

Frustration from not getting analytics and not being able to figure it out quickly
I realize that my metrics are lower
Subconscious fear of not finding the necessary information
Great service - I quickly find the necessary info
I have lots of ideas on how to develop my channel
Excitement and inspiration from the possibility of earning money

Frustration from not getting analytics and not being able to figure it out quickly
I realize that my metrics are lower
Subconscious fear of not finding the necessary information
Great service - I quickly find the necessary info
I have lots of ideas on how to develop my channel
Excitement and inspiration from the possibility of earning money

Frustration from not getting analytics and not being able to figure it out quickly
I realize that my metrics are lower
Subconscious fear of not finding the necessary information
Great service - I quickly find the necessary info
I have lots of ideas on how to develop my channel
Excitement and inspiration from the possibility of earning money

Cold mind
Discomfort from unexpected weaknesses
Ideas and inspiration appear
Satisfaction

Cold mind
Discomfort from unexpected weaknesses
Ideas and inspiration appear
Satisfaction

Cold mind
Discomfort from unexpected weaknesses
Ideas and inspiration appear
Satisfaction

I focus on executing the plan
Disappointment from unmet expectations from collaborations
Dissatisfaction with oneself from comparing with others
People not active enough
Curiosity and excitement
Joy from communication and exchanging experiences
People write “hurray”

I focus on executing the plan
Disappointment from unmet expectations from collaborations
Dissatisfaction with oneself from comparing with others
People not active enough
Curiosity and excitement
Joy from communication and exchanging experiences
People write “hurray”

I focus on executing the plan
Disappointment from unmet expectations from collaborations
Dissatisfaction with oneself from comparing with others
People not active enough
Curiosity and excitement
Joy from communication and exchanging experiences
People write “hurray”

I'm so tired, and there's still room to grow, I want more
"Victory!!! I did it!"

I'm so tired, and there's still room to grow, I want more
"Victory!!! I did it!"

I'm so tired, and there's still room to grow, I want more
"Victory!!! I did it!"

FEELINGS

Opportunities

& Ideas

Opportunities

& Ideas

Onboarding for metrics
Research and implement SEO strategies for your video titles, descriptions, and tags to improve visibility on the platform.

Onboarding for metrics
Research and implement SEO strategies for your video titles, descriptions, and tags to improve visibility on the platform.

Onboarding for metrics
Research and implement SEO strategies for your video titles, descriptions, and tags to improve visibility on the platform.

Experiment with different types of content beyond standard streaming
Advanced analytics tools and/or training to better understand viewer behavior, preferences, and demographics

Experiment with different types of content beyond standard streaming
Advanced analytics tools and/or training to better understand viewer behavior, preferences, and demographics

Experiment with different types of content beyond standard streaming
Advanced analytics tools and/or training to better understand viewer behavior, preferences, and demographics

Persona 2: "Business"

Goals

Drawing customers and boosting income through adverts

Needs

Attracting relevant streamers
Increasing the number of clients
Staying within budget

Desires

To earn a lot of money

Fears

A blogger not delivering the
expected results

Anna

28 years old,
Marketing Manager

User story

An experienced marketer and content manager with many years of experience in developing and analyzing content on various online platforms

Pain points

A blogger providing false analytics information
Choosing an irrelevant blogger
Difficulty in finding good analytics on bloggers
Limited budget

Quote

"Despite negative experiences, I believe that blogger advertising is effective, but it requires allocating more money."

Who am I?

Marketing and Content Manager

What is my goal?

To find a relevant streamer and platform for advertising

Why is this my goal?

I want to earn money

What are the triggers?

Streamers not providing accurate information
Understanding that a specific platform has a relevant audience for the business
The need for automation in selecting streamers (sorting by keywords)

What do I need to do to achieve my goal?

Quickly understand by keywords  that a specific platform has a relevant audience  check the analytics

What is the desired outcome?

A quick selection of a relevant streamer for advertising,  who successfully promotes the product and brings in clients

When I'm looking for streamers, I want to understand which platform to choose, who to select, and see their true metrics so I can quickly choose a streamer for successful advertising.

CJM for "Business"

JOURNEY STEPS

Desire to increase profits

Searching for information

Finding a streamer for collaboration

Collaboration with the streamer

Earning profits/new clients

Doing

Need to find new channels for advertising our product/ increasing the client base
Need to increase brand awareness

Need to find new channels for advertising our product/ increasing the client base
Need to increase brand awareness

Need to find new channels for advertising our product/ increasing the client base
Need to increase brand awareness

Observing competitors, watching where they place their advertisements
Searching for streamers with our target audience using keywords
Evaluating open analytics that I can find directly on platforms (views, subscribers, comments)
Sending a request directly to the streamer for additional information
Communicating with relevant streamers, discussing financial and organizational issues

Observing competitors, watching where they place their advertisements
Searching for streamers with our target audience using keywords
Evaluating open analytics that I can find directly on platforms (views, subscribers, comments)
Sending a request directly to the streamer for additional information
Communicating with relevant streamers, discussing financial and organizational issues

Observing competitors, watching where they place their advertisements
Searching for streamers with our target audience using keywords
Evaluating open analytics that I can find directly on platforms (views, subscribers, comments)
Sending a request directly to the streamer for additional information
Communicating with relevant streamers, discussing financial and organizational issues

Choosing a relevant streamer for our product
Arranging a collaboration with the streamer

Choosing a relevant streamer for our product
Arranging a collaboration with the streamer

Choosing a relevant streamer for our product
Arranging a collaboration with the streamer

Providing a brief, scenarios for advertising
Tracking analytics for collaboration results
Monitoring product transitions from the streamer

Providing a brief, scenarios for advertising
Tracking analytics for collaboration results
Monitoring product transitions from the streamer

Providing a brief, scenarios for advertising
Tracking analytics for collaboration results
Monitoring product transitions from the streamer

Gaining new clients
Earning profits    
Increased brand awareness

Gaining new clients
Earning profits    
Increased brand awareness

Gaining new clients
Earning profits    
Increased brand awareness

Thinking

& saying

Pain / Gain

Thinking

& saying

Pain / Gain

Fear of business failure if certain actions are not taken, if goals are not achieved, fear of being fired
Fear of failure  Fear of increasing brand awareness but in a negative context (due to a bad reputation)
Inspiration from the expected increase in clients and expanding prospects

Fear of business failure if certain actions are not taken, if goals are not achieved, fear of being fired
Fear of failure  Fear of increasing brand awareness but in a negative context (due to a bad reputation)
Inspiration from the expected increase in clients and expanding prospects

Fear of business failure if certain actions are not taken, if goals are not achieved, fear of being fired
Fear of failure  Fear of increasing brand awareness but in a negative context (due to a bad reputation)
Inspiration from the expected increase in clients and expanding prospects

Frustration because other brands are already using good channels and making cool collaborations
Frustration because it's hard to filter by keywords and difficult to find the target audience
Feeling that there's not enough information
Distrust in the information provided by the streamer, more trust in open information on platforms
Fear of exceeding the budget
Subconscious fear of not finding the necessary information
Joy from understanding what competitors are using and that it works

Frustration because other brands are already using good channels and making cool collaborations
Frustration because it's hard to filter by keywords and difficult to find the target audience
Feeling that there's not enough information
Distrust in the information provided by the streamer, more trust in open information on platforms
Fear of exceeding the budget
Subconscious fear of not finding the necessary information
Joy from understanding what competitors are using and that it works

Frustration because other brands are already using good channels and making cool collaborations
Frustration because it's hard to filter by keywords and difficult to find the target audience
Feeling that there's not enough information
Distrust in the information provided by the streamer, more trust in open information on platforms
Fear of exceeding the budget
Subconscious fear of not finding the necessary information
Joy from understanding what competitors are using and that it works

Fear that the collaboration will not be successful  
Uplift and hope
Expectations from a successful collaboration

Fear that the collaboration will not be successful  
Uplift and hope
Expectations from a successful collaboration

Fear that the collaboration will not be successful  
Uplift and hope
Expectations from a successful collaboration

Focusing on executing the plan
Dissatisfaction with the result
"It could have been better"
Curiosity and joy from the first results, excitement
Joy from the result, exchanging experiences

Focusing on executing the plan
Dissatisfaction with the result
"It could have been better"
Curiosity and joy from the first results, excitement
Joy from the result, exchanging experiences

Focusing on executing the plan
Dissatisfaction with the result
"It could have been better"
Curiosity and joy from the first results, excitement
Joy from the result, exchanging experiences

Not enough new clients
Did not pay off
Frustration from insufficient growth in brand awareness
"Super, we did it!"

Not enough new clients
Did not pay off
Frustration from insufficient growth in brand awareness
"Super, we did it!"

Not enough new clients
Did not pay off
Frustration from insufficient growth in brand awareness
"Super, we did it!"

FEELINGS

Opportunities

& Ideas

Opportunities

& Ideas

Implement a strategic planning tool that utilizes market data and analytics to identify potential growth areas

Implement a strategic planning tool that utilizes market data and analytics to identify potential growth areas

Implement a strategic planning tool that utilizes market data and analytics to identify potential growth areas

Use software that provides detailed insights into market trends
Help with comparison of the platforms and streamers

Use software that provides detailed insights into market trends
Help with comparison of the platforms and streamers

Develop or use an AI tool that suggests streamers based on specific campaign goals and target audience characteristics

Develop or use an AI tool that suggests streamers based on specific campaign goals and target audience characteristics

Develop or use an AI tool that suggests streamers based on specific campaign goals and target audience characteristics

Use a platform to manage all aspects of collaborations, from initial contact to campaign execution and analysis

Use a platform to manage all aspects of collaborations, from initial contact to campaign execution and analysis

Use a platform to manage all aspects of collaborations, from initial contact to campaign execution and analysis

Develop

Ideation Phase

Tree Testing

During the project analysis, we discovered an issue with the information architecture. To test our hypothesis, we used Tree Testing on the OptimalWorkshop platform. The results confirmed the problem, with only 10% of participants successfully completing the task.

We revised the structure of the information architecture and renamed the menu items, then conducted another round of testing. The results showed a 30% increase in successfully completed tasks after the changes.

"How might we?" and Ideation

Problem 1:

All the information is jumbled together, lacking a logical flow, and there is no visual rest for the eyes.

Problem 1:

All the information is jumbled together, lacking a logical flow, and there is no visual rest for the eyes.

Problem 1:

All the information is jumbled together, lacking a logical flow, and there is no visual rest for the eyes.

Problem 2:

The subscription cost is very high.

Problem 2:

The subscription cost is very high.

Problem 2:

The subscription cost is very high.

Problem 3:

Labeling and naming issues.

Problem 3:

Labeling and naming issues.

Problem 3:

Labeling and naming issues.

Problem 4:

Users do not understand what subscription benefits they will receive for their money.

Problem 4:

Users do not understand what subscription benefits they will receive for their money.

Problem 4:

Users do not understand what subscription benefits they will receive for their money.

Problem 5:

Users do not understand how to apply the data from the page.

Problem 5:

Users do not understand how to apply the data from the page.

Problem 5:

Users do not understand how to apply the data from the page.

Problem 6:

It is difficult to compare data from different platforms.

Problem 6:

It is difficult to compare data from different platforms.

Problem 6:

It is difficult to compare data from different platforms.

Problem 7:

Users cannot determine the reliability of the information.

Problem 7:

Users cannot determine the reliability of the information.

Problem 7:

Users cannot determine the reliability of the information.

Problem 8:

The page contains too much jumbled information, making it difficult to navigate.

Problem 8:

The page contains too much jumbled information, making it difficult to navigate.

Problem 8:

The page contains too much jumbled information, making it difficult to navigate.

Problem 9:

Lack of relevant data.

Problem 9:

Lack of relevant data.

Problem 9:

Lack of relevant data.

Main Problems

After identifying the problems, we selected the 3 most pressing ones.

"How might we?"

We then transformed these 3 problems into opportunities using the "How might we?" method.

Problem 1:

All the information is jumbled together, lacking a logical flow, and there is no visual rest for the eyes.

Problem 1:

All the information is jumbled together, lacking a logical flow, and there is no visual rest for the eyes.

Problem 1:

All the information is jumbled together, lacking a logical flow, and there is no visual rest for the eyes.

Problem 2:

Users do not understand how to apply the data from the page.

Problem 2:

Users do not understand how to apply the data from the page.

Problem 2:

Users do not understand how to apply the data from the page.

Problem 3:

It is difficult to compare data from different platforms.

Problem 3:

It is difficult to compare data from different platforms.

Problem 3:

It is difficult to compare data from different platforms.

HMW Question 1:

How might we assist users in obtaining the necessary information?

HMW Question 1:

How might we assist users in obtaining the necessary information?

HMW Question 1:

How might we assist users in obtaining the necessary information?

HMW Question 2:

How might we help users understand how to apply the data they receive?

HMW Question 2:

How might we help users understand how to apply the data they receive?

HMW Question 2:

How might we help users understand how to apply the data they receive?

HMW Question 3:

How might we help users choose the appropriate platform?

HMW Question 3:

How might we help users choose the appropriate platform?

HMW Question 3:

How might we help users choose the appropriate platform?

Idea 1:

Add a platform tour. Create an explanatory video for first-time users on how to use the platform.

Idea 1:

Add a platform tour. Create an explanatory video for first-time users on how to use the platform.

Idea 1:

Add a platform tour. Create an explanatory video for first-time users on how to use the platform.

Idea 2:

Allow users the ability to customize the overview page by toggling filters on and off as needed.

Idea 2:

Allow users the ability to customize the overview page by toggling filters on and off as needed.

Idea 2:

Allow users the ability to customize the overview page by toggling filters on and off as needed.

Idea 3:

Integrate an AI chatbot to provide guidance on actions and directions.

Idea 3:

Integrate an AI chatbot to provide guidance on actions and directions.

Idea 3:

Integrate an AI chatbot to provide guidance on actions and directions.

Idea 4:

Add the most popular queries as tags.

Idea 4:

Add the most popular queries as tags.

Idea 4:

Add the most popular queries as tags.

Idea 5:

Add advanced search functionality to the platform.

Idea 5:

Add advanced search functionality to the platform.

Idea 5:

Add advanced search functionality to the platform.

Idea 6:

Create a comprehensive page explaining all navigation.

Idea 6:

Create a comprehensive page explaining all navigation.

Idea 6:

Create a comprehensive page explaining all navigation.

Idea 7:

Highlight information with color-coded labels accompanied by icons. Add informative illustrations.

Idea 7:

Highlight information with color-coded labels accompanied by icons. Add informative illustrations.

Idea 7:

Highlight information with color-coded labels accompanied by icons. Add informative illustrations.

Idea 8:

Add the ability to compare data from different platforms.

Idea 8:

Add the ability to compare data from different platforms.

Idea 8:

Add the ability to compare data from different platforms.

Idea 9:

Allow users to customize their menu as they see fit.

Idea 9:

Allow users to customize their menu as they see fit.

Idea 9:

Allow users to customize their menu as they see fit.

Ideation

Next, we proposed ideas for solving the problems. Through voting, we selected 3 main ideas, which formed the basis for developing prototypes.

Deliver

Implementation Phase

After developing several prototypes, we conducted 12 hallway tests and selected the best options to form the foundation of the final solution.

Solution v.1

Solution v.2

Quick Navigation

We developed a block that displays brief information about each platform and sorts platforms by popularity. This block allows users to quickly select a platform of interest and access detailed information about it.

Page Menu

We also added a page menu, helping users quickly find and move to the necessary information on the page

Events Markers

We added markers indicating events that occurred on the platform during peak activity

Platform Comparison

Our block also helps users select platforms for comparison and navigate to the comparison page

Conclusion

And next steps

We worked on this project for 1.5 months and aimed to maximize the reuse of existing resources in the product to simplify design implementation and reduce development costs.

Next steps suggestion:

Add charts with tags (keywords)
Test and improve platform comparisons
Conduct in-depth interviews for each chart
Page analytics (number of visits, scroll depth, time spent on the page)

We worked on this project for 1.5 months and aimed to maximize the reuse of existing resources in the product to simplify design implementation and reduce development costs.

Next steps suggestion:

Add charts with tags (keywords)
Test and improve platform comparisons
Conduct in-depth interviews for each chart
Page analytics (number of visits, scroll depth, time spent on the page)