Video Monetization Platform
WireFRAME
Design systems
Prototype
Project Overview
Redesigned a complex video content platform, streamlining key user journeys (video discovery, playlist curation, and embedding widgets). Led UX/UI research and design independently, collaborating directly with product leadership. The solutions were successfully handed off for development and significantly enhanced user workflows.
Project Overview
Redesigned a complex video content platform, streamlining key user journeys (video discovery, playlist curation, and embedding widgets). Led UX/UI research and design independently, collaborating directly with product leadership. The solutions were successfully handed off for development and significantly enhanced user workflows.
My Role
Conducted in-depth user research and defined user journeys.
Created wireframes and designed detailed UI screens.
Collaborated closely with product management and executive leadership.
Delivered production-ready solutions to development.
My Role
Conducted in-depth user research and defined user journeys.
Created wireframes and designed detailed UI screens.
Collaborated closely with product management and executive leadership.
Delivered production-ready solutions to development.
The Challenge
Redesigned a complex video content platform, streamlining key user journeys (video discovery, playlist curation, and embedding widgets). Led UX/UI research and design independently, collaborating directly with product leadership. The solutions were successfully handed off for development and significantly enhanced user workflows.
Monetization was too complicated. Tasks that should be simple were overly complex and required specialized knowledge.
User flows were unclear. Users felt lost about what steps to take next, leading to frustration and high dropout rates.
Technical skills barrier. Setting up and embedding videos was challenging, especially for non-technical users.
These issues led to slow adoption, fewer video embeds, and higher support costs. My redesign focused on intuitive tasks, clear user paths, and easy-to-access insights.
The Challenge
Redesigned a complex video content platform, streamlining key user journeys (video discovery, playlist curation, and embedding widgets). Led UX/UI research and design independently, collaborating directly with product leadership. The solutions were successfully handed off for development and significantly enhanced user workflows.
Monetization was too complicated. Tasks that should be simple were overly complex and required specialized knowledge.
User flows were unclear. Users felt lost about what steps to take next, leading to frustration and high dropout rates.
Technical skills barrier. Setting up and embedding videos was challenging, especially for non-technical users.
These issues led to slow adoption, fewer video embeds, and higher support costs. My redesign focused on intuitive tasks, clear user paths, and easy-to-access insights.
Process & Solutions
TL;DR
Publishers needed a friction-free path from finding the right clip to earning from it.
I compressed that journey to 4 decisive steps - each one built, tested, and refined by me.
TL;DR
Publishers needed a friction-free path from finding the right clip to earning
from it.
I compressed that journey to 4 decisive steps - each one built, tested, and refined by me.
Library
First stop in the flow: publishers jump in here to grab fresh clips before building a playlist.
Challenge: Cut through 1.2 K+ results and surface a “right-now” video in seconds.
Looking ahead: add semantic search + AI Smart-Playlist: “Most beautiful places to visit in Italy” instantly serves drone shots of Cinque Terre, Tuscan sunrises, and Venice canals, then auto-assembles an 8–10-clip reel .
Filters persist left sidebar
Top carousel surfaces recommended clips
Inline “+” / ״embed״ adds to playlist / copies embed snippet
Details-drawer keeps user in context
Checkbox list enables multi-dest add
New Playlist / Embed right-in flow
Filters persist left sidebar
Top carousel surfaces recommended clips
Inline “+” / ״embed״ adds to playlist / copies embed snippet
Details-drawer keeps user in context
Checkbox list enables multi-dest add
New Playlist / Embed right-in flow
Filters persist left sidebar
Top carousel surfaces recommended clips
Inline “+” / ״embed״ adds to playlist / copies embed snippet
Details-drawer keeps user in context
Checkbox list enables multi-dest add
New Playlist / Embed right-in flow
Filters persist left sidebar
Top carousel surfaces recommended clips
Inline “+” / ״embed״ adds to playlist / copies embed snippet
Details-drawer keeps user in context
Checkbox list enables multi-dest add
New Playlist / Embed right-in flow
Library
First stop in the flow: publishers jump in here to grab fresh clips before building a playlist.
Challenge: Cut through 1.2 K+ results and surface a “right-now” video in seconds.
Looking ahead: add semantic search + AI Smart-Playlist: “Most beautiful places to visit in Italy” instantly serves drone shots of Cinque Terre, Tuscan sunrises, and Venice canals, then auto-assembles an 8–10-clip reel .
Oops, this part doesn’t fit on mobile.
Switch to desktop to see the full experience.
Playlist
the last stop before create widget: publishers sort clips, add tags, and set auto-update rules - all in one place.
Challenge: Every tweak should be friction-free: inline text edits, drag-and-drop ordering, smart defaults.
Looking ahead:
1. Watch Through Heat Map - color cues show which clips will hold attention.
2. “Add Suggested” Autofill - one click adds tag-matched clips.
Filters persist left sidebar
Topic chips on hover
Sync new tagged videos
Global play mode
Drag to Reorder
Filters persist left sidebar
Topic chips on hover
Sync new tagged videos
Global play mode
Drag to Reorder
Filters persist left sidebar
Topic chips on hover
Sync new tagged videos
Global play mode
Drag to Reorder
Filters persist left sidebar
Topic chips on hover
Sync new tagged videos
Global play mode
Drag to Reorder
Playlist
the last stop before create widget: publishers sort clips, add tags, and set auto-update rules - all in one place.
Challenge: Every tweak should be friction-free: inline text edits, drag-and-drop ordering, smart defaults.
Looking ahead:
1. Watch Through Heat Map - color cues show which clips will hold attention.
2. “Add Suggested” Autofill - one click adds tag-matched clips.
Oops, this part doesn’t fit on mobile.
Switch to desktop to see the full experience.
Widget
The publisher picks a widget type, tunes size, device, sound and frequency-cap, hits Create and grabs the embed code.
Challenge: Expose the right controls (device presets, autoplay, frequency cap) but keep it safe for non-technical users.
Looking ahead:
1. Watch Through Heat Map - color cues show which clips will hold attention.
2. “Add Suggested” Autofill - one click adds tag-matched clips.
quick visual icon
Clear entry point for the flow
Visual recognition - Tiny desktop / mobile sketches
Sticky “Next” button for smooth flow.
Visual pick shows the current Position.
Quick Presets - prevents typo errors.
Keeps wizard linear. “Next” disabled until required fields valid.
quick visual icon
Clear entry point for the flow
Visual recognition - Tiny desktop / mobile sketches
Sticky “Next” button for smooth flow.
Visual pick shows the current Position.
Quick Presets - prevents typo errors.
Keeps wizard linear. “Next” disabled until required fields valid.
quick visual icon
Clear entry point for the flow
Visual recognition - Tiny desktop / mobile sketches
Sticky “Next” button for smooth flow.
Visual pick shows the current Position.
Quick Presets - prevents typo errors.
Keeps wizard linear. “Next” disabled until required fields valid.
quick visual icon
Clear entry point for the flow
Visual recognition - Tiny desktop / mobile sketches
Sticky “Next” button for smooth flow.
Visual pick shows the current Position.
Quick Presets - prevents typo errors.
Keeps wizard linear. “Next” disabled until required fields valid.
Widget
The publisher picks a widget type, tunes size, device, sound and frequency-cap, hits Create and grabs the embed code.
Challenge: Expose the right controls (device presets, autoplay, frequency cap) but keep it safe for non-technical users.
Looking ahead:
1. Watch Through Heat Map - color cues show which clips will hold attention.
2. “Add Suggested” Autofill - one click adds tag-matched clips.
Oops, this part doesn’t fit on mobile.
Switch to desktop to see the full experience.
Dashboards
After a widget goes live, publishers and creators meet here to read the numbers- revenue, view-through, geo lift- and judge whether their videos are really working.
Challenge: Show rich monetisation and engagement data for two personas without overload.
Looking ahead: AI-Insights: a smart panel that translates spikes and dips into plain-language tips.
Publishers need inventory quality + monetisation workflow (quality metrics, geo split, package approvals)
business updates & help CTA.
Quick-action tiles
Publishers need inventory quality + monetisation workflow (quality metrics, geo split, package approvals)
business updates & help CTA.
Quick-action tiles
Publishers need inventory quality + monetisation workflow (quality metrics, geo split, package approvals)
business updates & help CTA.
Quick-action tiles
Publishers need inventory quality + monetisation workflow (quality metrics, geo split, package approvals)
business updates & help CTA.
Quick-action tiles
Dashboards
After a widget goes live, publishers and creators meet here to read the numbers- revenue, view-through, geo lift- and judge whether their videos are really working.
Challenge: Show rich monetisation and engagement data for two personas without overload.
Looking ahead: AI-Insights: a smart panel that translates spikes and dips into plain-language tips.
Oops, this part doesn’t fit on mobile.
Switch to desktop to see the full experience.
Outcomes & Impact
Outcomes & Impact
A single walkthrough of the new Library → Playlist → Widget flow made the product click for the Truvid team “Now it’s obvious.” That clarity was enough to green-light matching versions for the public website and upcoming mobile app.
Reflection
I learned to translate ad-tech jargon and KPIs into a UI flow that even non-technical users grasp in seconds. Looking ahead, I envision AI-Insights to turn those KPIs into plain-language tips and one-tap optimisations.
Outcomes & Impact
Outcomes & Impact
A single walkthrough of the new Library → Playlist → Widget flow made the product click for the Truvid team “Now it’s obvious.” That clarity was enough to green-light matching versions for the public website and upcoming mobile app.
Reflection
I learned to translate ad-tech jargon and KPIs into a UI flow that even non-technical users grasp in seconds. Looking ahead, I envision AI-Insights to turn those KPIs into plain-language tips and one-tap optimisations.
Explore next
Connect the right people, find anything that you need and automate the rest.
Connect the right people, find anything that you need and automate the rest.
Sweetch
Connect the right people, find anything that you need and automate the rest.
Connect the right people, find anything that you need and automate the rest.
Norman-ai
Explore next
Connect the right people, find anything that you need and automate the rest.
Connect the right people, find anything that you need and automate the rest.
Sweetch
Connect the right people, find anything that you need and automate the rest.
Connect the right people, find anything that you need and automate the rest.