Designing the product ecosystem behind UGC production

The production process already worked, but it lived across documents, spreadsheets, cloud storage, and browser tools.

I translated that operation into a connected product model centred around Storyboards. Actors, reusable media, production stages, testing variants, and final Deliverables all became parts of the same system rather than separate tools.

• Storyboards
• Media Library
• Actor Hub
• Production Workflow
• Ideation
• Performance Hub
• Education
• Desktop Application

Storyboards became the central production object.

I redesigned them around versioning, A/B testing, reusable media Elements, and rules governing what happened when source content changed.

The underlying media model connected Clips, reusable Elements, Storyboards, and finished Deliverables.

A configurable workflow then allowed teams to build custom Stages and Statuses tied to application areas and system behaviour — not just use them as labels.

Education served both VisCap Media’s internal team and external paying customers.

I designed the learner-facing experience alongside a dedicated content-management system for creating, versioning, reviewing, and publishing theory materials.

The same system included a builder for theory tests, connecting learning content, assessment, review, and content maintenance inside one product architecture.

• Learning experience
• Content management
• Versioning
• Review workflows
• Theory-test builder

Large production files exposed browser limitations, so I designed a Windows Electron application for Digital Imaging Technicians and actors.

It allowed users to upload, download, and manage large media files directly inside Storyboards instead of relying on a disconnected file-transfer utility.

Later, during the product’s move to Ant Design, I led a system-wide interface redesign across navigation, layouts, interaction patterns, states, and visual hierarchy.

I worked directly with five engineers and owned the product design from underlying logic and edge cases through responsive behaviour and implementation handoff.

The completed ecosystem connected:

• modular Storyboards and reusable media;
• casting and configurable production workflows;
• ideation and operational performance;
• a commercial Education product;
• large-file workflows across web and desktop.

The production platform was used primarily by VisCap Media’s own team, with limited external-client use. Education supported both internal learning and external customers.

The visible interface was the final layer.Most of the design work happened in the structure underneath.