Product Designer
StreamAlive
Simplifying interactive presentations
How I redesigned the presentation editor to remove friction, making it easier for users to create engaging interactive sessions.
New StreamAlive presentation editor page
Summary
StreamAlive transforms live sessions into interactive experiences. During Zoom calls, webinars, or livestreams, audiences type in the chat and StreamAlive turns their responses into real-time visuals—polls, word clouds, maps, spinner wheels, and quizzes. No second screens, no apps to download, no codes to enter. It also uses AI to automatically capture questions and generate relevant audience interactions.
Context
Timeline
3 months
Role
Lead Product Designer
Tools
Balsamiq
Figma
PostHog
VS Code
Team
CTO & Co-Founder
Dev Team
Problem
Users couldn't figure out how to set up these interactive elements. The editor where they prepared their "Run of Show" (the sequence of interactions) was cluttered and confusing. Most people gave up or spent 45+ minutes struggling through it.
StreamAlive old editor page
Evidence
In collaboration with the product team, I analyzed support tickets, conducted user interviews, and reviewed analytics data to understand the current experience.
60%
Most users never used the available interactive features
High drop-off
Many users abandoned first-time setup before completing their first presentation
45+ minutes
Average time to create a presentation—significantly longer
Support confusion
Frequent tickets showed users struggled to add interactive elements
Opportunity
How might we make interactive features easier to discover and use?
Hypothesis
Based on user research (evidence), if we redesign the presentation editor with better organization and live preview (the bet) for all users, it will enable users to create interactive presentations faster and increase feature adoption (UX outcome).
Process
I used the Triple Diamond approach to promote collaboration, research, and continuous improvement to achieve a user-centered solution.
Opportunity discovery
Working with the product team, I conducted workshops and user interviews to define the project scope and understand user goals.
Design workshop
I ran a collaborative workshop to explore solutions:
Key questions:
- How might we make interactive features easier to discover?
- How might we help users see what they're building while they edit?
- How might we reduce the time it takes to create presentations?
- How might we educate users without overwhelming them?
Synthesis
From the workshop, we identified key themes:
- Make interactive features visible and organized
- Show live preview - don't make users guess
- Speed up content creation with AI
- Educate within the interface
Solution exploration
From the opportunity discovery phase, the project scope and MVP were defined, initiating the ideation phase from low-fidelity wireframes to high-fidelity prototypes.
StreamAlive presentation editor – low-fidelity concepts
StreamAlive presentation editor – high-fidelity
Solution validation
A working prototype was built from the high-fidelity designs for moderated usability testing. These tests helped identify potential usability issues and prioritize improvements to enhance the overall user experience.
Interactions
Most users found them on the first try.
Live preview
Users appreciated seeing their work in real-time; it was essential.
AI features
Discoverable; the "Generate with AI" button was used frequently.
Collapsible sections
Reduced overwhelm; progressive disclosure worked well.
Outcome
Using insights from usability testing, the redesigned editor was added to production for beta rollout internally before being released to all users.
Adoption metrics
To measure success, I tracked primary progress and usability.
Are users using interactive features?
Strong conversion rate - users are discovering and using interactive features.
87%
of user create at least one interactive slide per presentation
8x
increase interactive feature usage
Do users find the new editor useful?
High satisfaction rate - users find the interface clear and helpful.
81%
user satisfaction rating
40%
reduction in support tickets
60%
faster in interactive feature usage
What I learned
- Wireframe testing saved weeks by validating structure early
- Live preview was the most impactful feature - users need to see their work
- Organization by use case (not alphabetically) made features discoverable
- AI features should be prominent, not hidden in menus
Contact
Let's connect
I work with companies that want to create better digital products. If you need a product designer who can also code and help bridge design and engineering, let's connect.