MG Broadcaster

End-to-end redesign of the live-streaming platform behind Aylo's products.

Aylo · UI/UX Designer, later Lead UI/UX Designer · 2019 to 2023 · Responsive web

Disclaimer: Due to non-disclosure agreements with Aylo, I am limited in the amount of work I can show.

Context and team

MG Broadcaster is the live-streaming interface used by streamers and viewers across Aylo's products. It had grown incrementally for years and the UI was competing with the stream it was supposed to serve. I was the lead UX designer on the redesign, in a team of a product owner, a business analyst, a graphic designer, my junior UX designer and the engineering team.

My remit

UX architecture and full UI redesign for both the viewer and the streamer side, desktop and mobile web, plus competitor analysis and the interaction patterns for real-time features: tips, gifts, private session invites and whisper messages. Involved from requirements gathering: the real-time features were hard requirements from the business; how they behaved and where they lived in the interface were soft requirements shaped with the product owner and business analyst.

One decision: put the stream first and move everything else out of its way

The content is the product, so the viewer side moved to a dark, cinematic 16:9 layout that takes the full available width, with chat, gifting and controls on a quieter secondary layer. On the streamer side the priority was not missing revenue events while live, so an activity feed surfaces tips, private requests and key events at a glance. Forum-style emoji were replaced with Unicode so chat rendered consistently across devices.

Result

Shipped as the platform's new baseline; the component set became the foundation for the real-time features that followed.