Designing Video- Streaming service
This is a repost of the original project I did a week ago. Im adding Competitor Analysis ( not sure how to do analysis without being able to talk to people so I went with a Guerilla type of research, looking at Reddit, quora posts on what user’s experiences are and even watching YouTube videos on how users feel about “YouTube” and Twitch platforms.
- HOME PAGE ANNOTATIONS :Top Navigation Tabs (Community, Following, New Creators):
- Allows users to quickly filter content based on interests or discovery goals.
- “New Creators” gives visibility to emerging streamers — differentiating from YouTube/Twitch which mainly push popular accounts.
- Content Filters (Trending, Podcasts, Self care, Music):
- Helps users personalize their experience by selecting specific content categories.
- Encourages niche communities to grow organically within the platform.
- Live Content Section:
- Prominently placed at the top to highlight creators currently streaming.
- Immediate engagement opportunity — taps into FOMO and real-time interaction.
- Community Post with Thumbnail + Text:
- Encourages storytelling and deeper engagement beyond video.
- Adds a casual, personal vibe missing from more formal platforms.
- “Find Your Community” Button:
- Tool for users to discover like-minded groups, enhancing belonging.
- Core feature that supports the app’s goal of building connected livestream-based communities.
- Shorts Section (Horizontal Scroll):
- Bite-sized content ideal for casual browsing and quick entertainment.
- Encourages virality and boosts creator visibility through rapid impressions.
- New Creators Preview:
- Circular profile previews give a face to up-and-coming talent.
- Visually invites users to explore new content, supporting early growth of creators.
- Bottom Navigation Bar (Home, Following, Activity, Profile):
- Keeps user experience intuitive and mobile-friendly.
- Mirrors familiar app structures while still focusing on community interaction.
The "Find Your Community" CTA is also a core differentiator. Rather than relying on passive content consumption, it encourages users to actively explore niche groups and participate. In contrast to Twitch, which primarily targets gamers and heavily monetized streams, this layout is more inclusive offering visibility for underrepresented creators, content, and smaller community-led experiences.
By prioritizing discoverability through categories that reflect user intent and emotional context, and by surfacing live streams and short-form content equally, the app becomes a platform that fosters ongoing engagement and authentic interactions rather than isolated viewer-streamer dynamics. This aligns with the broader vision of building a livestream ecosystem where community > clout.
- Profile Page : Creator Header (Name, Bio, Subscribe Button):
- Allows users to quickly identify and follow creators.
- Bio gives a glimpse into the creator’s personality or niche, encouraging connection.
- Message Button:
- Enables direct communication between fans and creators, fostering personal engagement and support.
- Sets your app apart from Twitch and YouTube, where contact is limited or filtered.
- Navigation Tabs (Home, Videos, Live, Schedule, Community):
- Organizes content accessibly — users can browse past content, join upcoming lives, and stay updated.
- The “Community” tab is a unique addition, encouraging ongoing engagement beyond just streaming.
- Live Video Block:
- Highlights current or upcoming livestreams prominently.
- Keeps real-time interaction front and center.
- Recent Video Section:
- Offers a quick preview of recent uploads for users just discovering the creator.
- Keeps the profile dynamic and fresh.
- Bottom Navigation Bar (Home, Following, Activity, Profile):
- Ensures easy app-wide navigation, promoting discovery and community participation.
This live stream wireframe was designed to create a highly interactive and community-driven experience. The layout places the stream front and center while keeping the chat visible to allow real-time connection with both the creator and other viewers. I've included features like community badges and quick follow/share buttons to strengthen the social aspect. Unlike Twitch or YouTube, this design prioritizes a more intimate, niche-driven space where engagement feels personal and supportive.
- Video Player (Top Section):
- Displays the live stream in progress.
- Prioritizes the content and immerses the viewer immediately.
- Clean design helps keep the user focused on the stream without distractions.
- Streamer Info Bar (Below Video):
- Shows profile picture, name, and follower count.
- Includes a “Follow” button for quick interaction and loyalty-building.
- Builds connection between viewer and creator during the stream.
- Live Chat Feed (Right or Bottom Panel):
- Real-time messages from the community.
- Encourages active participation and dialogue — something Twitch uses well, but this version may include moderation tools for a safer environment.
- Community-first feel — users can actually engage with each other, not just the streamer.
- Input Field for Live Chat (Sticky Bottom):
- Easily accessible comment field for sending real-time reactions.
- Possibly includes emoji/GIF options, making communication expressive and lighthearted.
- Community Badges / Icons in Chat:
- Highlights frequent commenters or community leaders.
- Builds identity and hierarchy within the stream chat — enhances belonging and recognition.
- Share or Gift Icon (Top corner or next to video):
- Lets users share stream or send small virtual gifts.
- Supports creators financially in a way that feels social and optional.
Reviews
1 review
This is a classic case of “just because you can, doesn’t mean you should” 😄
Pick one from your tasks, order it by importance, back it with data, and guard it with your life:
- Design a community-driven, respectful, niche-focused product
- Enhance creator–viewer connections
- Improve content discoverability
- Enable creators to control spam/harmful comments on live stream
Be prepared to present it, because others in your tribe or department will do the same and propose it to stakeholders. A community manager might push for new creator discovery, a sales person might insist on highlighting big creators because they attract viewers that can convert into profit. It’s community-driven, but it still needs to make money to survive.
The current homepage implementation most likely adds a lot of cognitive load: everything is present all at once and demanding attention and since it’s going to be video and image-heavy (videos, shorts, creators), that cognitive load will only increase.
One quick fix would be to add more spacing in between elements, give users more room to breathe and grasp content more easily. Extra pixels between the top menu, filters, videos, shorts, etc. The trade-off is the page gets longer, and then you’ll have to prioritize what goes above the line. The proper and common solution goes back to what I mentioned in the first sentence.
Also, it’s not too early for you to start studying Apple HIG, Google Material, or similar resources. They’ll give you the right guidelines on how to size icons properly across phone OSes. Right now, your navbar icons look a bit jumbo 👀
Good starting point, Krishael!
You might also like

Sojo NFT Marketplace

From Idea to Full-Stack Web App

Docto

Fundraising Website

Hulu Through My Eyes - A Cinematic UI Exploration (unofficial)
