Home

UX Design

Twitch

Twitch is a live streaming platform that allows users to broadcast themselves playing video games or doing other activities. Streamers often use third-party software to manage their streams, but these programs can be complicated and difficult to use.

Twitch is a platform for live streaming where users share their video game play or other activities. Streamers often use complex third-party tools to handle their streams, but these can be hard to use.

2018 - 2020

Figma

Adobe Suite

Slack

Trello

Project overview

The main task was to improve the user experience with the interface so that streamers and viewers can enjoy the service. I worked closely with the product manager, engineers, and designers. I conducted surveys and interviews among streamers and viewers, solving the problems they faced. I exchanged ideas with my colleagues and made recommendations.

I made the interface better for streamers and viewers. I worked with product managers, engineers, and designers. I talked to streamers and viewers to fix problems. I shared ideas with my colleagues and gave suggestions.

Design Challenge

A team of UX/UI designers created a new studio application for Twitch streamers. The application is designed to be easy to use and to provide streamers with all the tools they need to manage their streams.

A team of designers made a new Twitch streamer studio app. It's user-friendly and gives streamers all the tools they need to manage their streams.

User Persona

I started finding user personas for Twitch by doing research and analysis. I used different methods to learn about the target audience's traits, needs, and actions.

User Flow

To create an effective user flow for the Twitch streaming platform, I followed a systematic approach that focused on understanding user goals and mapping out their interactions within the platform.

Design System

I set up a complete design system at Twitch. This made things consistent and improved the user experience.

I worked with different teams and made detailed guides for easy use.
This made things work better and look more unified.

Wireframes

The wireframes acted like a plan for how the project would look and work.
They showed how the user interface would be organized and helped the team and stakeholders see and understand how things would work and look.

Hi-Fidelity Wireframes

Took the initiative to lead wireframe development for key projects at Twitch. Utilized user-centered design principles to create intuitive and effective layouts.

Collaborated closely with stakeholders to understand requirements and incorporate feedback.
Produced high-fidelity wireframes that served as a foundation for successful design implementations.

Mockups

The mockups showed the design to the development team so they could make it look and work consistently.
They also helped stakeholders and clients see the final product and decide how the design should look and work.

Takeaways

Streamers have trouble using the dashboard and finding important features.

Streamers want to customize how their dashboard looks and works.

Some streamers don't know about all the dashboard features and need better guides.

Streamers want more control over their chat and moderation.
Some find the notification system confusing and want more choices.
Streamers want better connections with other tools and platforms.

Streamers want more info about their streams, like viewer details.

Some have technical issues and want better help.

My Impact

Led the development of Twitch Streamer Studio's mobile design, increasing mobile traffic by 40%.
Developed a user-friendly interface for Twitch Streamer Studio, resulting in a 40% increase in streamer satisfaction.
Streamlined the UX process across Twitch Streamer Studio, reducing the time for product deployment by 30%.
Created mobile design system for Twitch Streamer Studio that increases user engagement by 30%.
Created GameFi and rewards program for Twitch Streamer Studio that increases user engagement by 50%

Next project