Product Designer (Team of 5)
+71 NPS Score, E2E Mobile App, DS
Livestream App
With a team of designers, I helped build a livestreaming platform designed to bridge the gap between creators and their fans. We delivered a complete mobile app with a scalable design system, and robust features.
DISCLAIMER: All client references have been removed for confidentiality purposes.
Design a 'Creator-First' Streaming App
Most streaming platforms restrict creators' control of their streaming monetization features. Our goal was to enhance the "Go Live" experience while providing more avenues for creators to generate revenue.
Creator Streaming Screens
We designed the end-to-end journey to minimize cognitive load, ensuring the livestream lifecycle & engagement features felt secondary to the broadcast itself.
Livestreaming & publishing recorded streams
Creator Streaming Screens
We designed the end-to-end journey to minimize cognitive load, ensuring the livestream lifecycle & engagement features felt secondary to the broadcast itself.
Livestreaming & publishing recorded streams
Viewer Livestream Screens
We used progressive disclosure to surface engagement features without competing with the video stream—keeping engagement tools discoverable, dismissible, and visually lightweight.
Viewer Livestream Screens
Livestream features: shopping, services, & reactions
Viewer Livestream Screens
We used progressive disclosure to surface engagement features without competing with the video stream—keeping engagement tools discoverable, dismissible, and visually lightweight.
Viewer Livestream Screens
Livestream features: shopping, services, & reactions
Discover & Search
The discovery pages were designed for users to explore new content & creators. We defined contextual & persona-specific categories to make content as enticing as possible. This intelligent categorization was extended to search, effectively guiding users to persona-relevant search queries.
Discover & Search
The discovery pages were designed for users to explore new content & creators. We defined contextual & persona-specific categories to make content as enticing as possible. This intelligent categorization was extended to search, effectively guiding users to persona-relevant search queries.
Monetization
Powerful monetization was a key driver in creator acquisition. We focused on simple, intuitive flows that let creators quickly switch between free and paid content, while enabling flexible monetization models that expand revenue and engagement without overwhelming creators.
Creator premium-stream setup
Monetization
Powerful monetization was a key driver in creator acquisition. We focused on simple, intuitive flows that let creators quickly switch between free and paid content, while enabling flexible monetization models that expand revenue and engagement without overwhelming creators.
Creator premium-stream setup
Design System
We created a comprehensive atomic DS that captured global interaction patterns and screen standards. This served as our definitive source of truth, ensuring total visual & experiential cohesion across 100+ screens for our team of five designers.
Colors, typography & grid/spacing guidelines
Shawdow & border radius guidelines
Design System
We created a comprehensive atomic DS that captured global interaction patterns and screen standards. This served as our definitive source of truth, ensuring total visual & experiential cohesion across 100+ screens for our team of five designers.
Colors, typography & grid/spacing guidelines
Shawdow & border radius guidelines
To validate our designs, we conducted usability testing using hi-fi Figma prototypes with 17 participants (7 creators and 10 viewers).
After completing 'Go Live' & stream publishing flows, creators rated the experience 8.4/10.
Stream Feature Interaction Rate
Viewers were tasked with using streaming features like polls, shopping, Q&A, & more.
Creator Stream Feature Set-up Rate
Creators were tasked with setting up livestrem features like polls, shopping, Q&A.
Stream-Card Recognition Rate
Users were asked to explain Livestream-card elements at first glance. This included: scheduled, premium, free, recorded-stream variants, and more.
Our app achieved high user sentiment, with 13 of 17 users being promoters and only 1 detractor recorded in the testing pool.
Signed, Sealed, Delivered 📨
The project was submitted as a developer-ready handoff package. By grounding our design decisions in user validation, we moved from a blank canvas to a high-fidelity, research-backed product designed to empower creators and drive viewer retention.
Recorded Streams Prototype
A walkthrough of the playback experience for a recorded-stream.
Note: Static assets are used in place of live video due to Figma seating restrictions.
Recorded streams prototype
