top of page
Portago Intro.gif

Portago

  • Sponsored by Lenovo

  • Human-centered design approach

  • A team of 4 designers

  • Tools: Figma, Adobe Suite

Portago is purpose-built for live-streaming teams, with a core objective of addressing communication challenges between live streamers and their team members during broadcasts. Our aim is to enhance the overall viewing experience for the audience by fostering seamless coordination among the streaming team.

Context

Let's embark on a friendly journey into the exciting world of live streaming! It's a vibrant place filled with all kinds of live videos, and it's growing rapidly. Imagine this: in 2021, people estimated that the global live-streaming market was worth a whopping $184 billion, and it's still on the rise.

You've probably come across live streaming on social media platforms. You know, when your favorite celeb goes live on Instagram or gamers showcase their skills and chat with fans on Twitch. These platforms have become incredibly popular. Plus, during the COVID-19 pandemic, even more folks turned to live streaming for things like work meetings, online classes, and simply hanging out with friends.

Now, let's not forget about gaming! There's a whole community of people watching others play video games live. Twitch, one of the major players, boasts over 140 million viewers tuning in each month to watch their favorite gamers.

But live streaming isn't just for fun and games. It's also changing the way we shop. You might have seen influencers flaunting products and answering questions in real time during live streams. It's like having a virtual shopping spree with your favorite brands.

So, whether you're enjoying live videos, working, learning, or shopping, live streaming is a significant part of how we go about things these days. And that's why we're so eager to delve deeper into this industry. Our goal? To understand it better, identify any challenges, and bridge the gap between live streamers and their audience to create a seamless streaming experience.

Speaking of challenges, when it comes to live broadcasting, some common pain points include real-time communication issues among the streaming team, ensuring a smooth content flow, engaging effectively with the audience, tackling technical glitches, handling audience behavior, resource management, and keeping the content captivating throughout the broadcast.

Research

  • How Live Streaming Works

how it works.png
Screenshot 2023-10-03 at 3.16.07 PM.png
Screenshot 2023-10-03 at 3.16.16 PM.png

With Team - Startup or Agency

Individual

  • Relationships

Screenshot 2023-10-03 at 3.32.33 PM.png
  • Current Livestream Market

livestream market.png
  • Market Size

Screenshot 2023-10-03 at 4.18.31 PM.png
Screenshot 2023-10-03 at 5.57.15 PM.png
  • Live Streamers in China vs US

  • Advantage of E-commerce Streaming

Screenshot 2023-10-03 at 6.01.18 PM.png

Through the interview, we have understood there are 6 types of roles in a live streaming team in general. They are including a live streamer, streamer assistant, central control operator, field control operator, new media operation, and customer support. The streamers would have direct interaction and communication with the audience. The purpose we have a team is to assist the streamer successfully completing the Livestream session.

Screenshot 2023-10-03 at 6.06.01 PM.png
Screenshot 2023-10-03 at 6.07.55 PM.png
Screenshot 2023-10-03 at 6.19.38 PM.png

Insight Generation

From the insights gathered during our interviews, we've sketched out the current workflow between the live streamer and the central control operator. When a live-streaming event is in progress, the central control operator's role is to closely monitor data and provide feedback to the streamer for content adjustments based on audience reactions. Typically, they employ predefined secure language cues to alert the streamer and may also utilize whiteboards or gestures for communication during the live stream.

Screenshot 2023-10-03 at 6.15.38 PM.png
Screenshot 2023-10-03 at 6.16.50 PM.png
  • Pain Points

Screenshot 2023-10-03 at 6.22.49 PM.png
  • HMWs & Opportunities

HOW Might We help the streamer team Improve the efficiency and clarity of communicating during the live stream?

HOW Might We let the central control operator effectively convey the most important information to the live streamer? 

 HOW Might We let streamers have basic control and access to the equipment and improve the efficiency of communication with the team while streaming?

Screenshot 2023-10-03 at 6.26.05 PM.png
  • Mind Map

Screenshot 2023-10-03 at 7.23.19 PM.png
blue print.png
  • Design Blueprint

Design Concept Sketches

As a divergent exploration, I sketched around 80 design concepts for anything I can think of to solve the above HMW questions. They range from small changes on top of the existing design to solve user pain points, to complete renovation of the device to bring in new interactions between users and the system.

Screenshot 2023-10-03 at 7.31.38 PM.png
Screenshot 2023-10-03 at 7.32.32 PM.png
Screenshot 2023-10-03 at 7.33.07 PM.png
Screenshot 2023-10-03 at 7.32.10 PM.png

Design Iterations

  • Black and White Wireframe

Screenshot 2023-10-03 at 8.05.42 PM.png
Screenshot 2023-10-03 at 8.05.52 PM.png
Screenshot 2023-10-03 at 8.05.58 PM.png
  • v1

Screenshot 2023-10-03 at 8.07.58 PM.png
Screenshot 2023-10-03 at 8.08.07 PM.png
  • v2

Screenshot 2023-10-03 at 8.08.17 PM.png
  • v3

Screenshot 2023-10-03 at 8.08.26 PM.png
  • v4

  • Final - Light Mode

  • Final - Dark Mode

Screenshot 2023-10-03 at 8.08.44 PM.png
Screenshot 2023-10-03 at 8.08.36 PM.png
  • Device 

Screenshot 2023-10-03 at 8.21.29 PM.png
Screenshot 2023-10-03 at 8.27.24 PM.png

Final Wireframe

Video Demo
bottom of page