Graphics Templates Catalog

Redesigned a library for 150+ broadcast GFX templates into a visual catalog so users can browse visually. Plus the product sells itself in sales demos. Was presented live at NAB 2024 trade show.

Role
Product Designer, redesign lead
Team
Engineering, design lead review
Product
Viz Flowics (Vizrt)
Link
NAB 2024 β†—

Understanding what to improve

It worked. It just didn’t show what it was worth.

The old catalog solved selection: just a modal with thumbnails and accept or cancel. But 150+ templates sat behind a flat list, and nothing told users, or potential clients, how much the library offered.

My approach

Borrow from media catalogs everyone already browses.

I found that Streaming platforms paved the way in adding value to its catalogs. Templates are visual products too: big thumbnails, a preview that plays the animation, and room to explain what each one is for.

Finding the right one

Three filters, one search, no guessing.

Industries, Use Cases and Data Sources combine freely, with search on top. A badge marks templates that need external data, such as Google Sheets.

The key decision

Show everything , even what you can’t use yet.

Some templates needed a connector from a paid plan. Hiding them was a valid option. I argued for showing all of them with clear requirements: in a demo the product is the sales deck, and in a Product Led Growth model that friction invites the upgrade. It shipped that way.

The outcome

From a blank canvas to an on-air-ready graphic.

The catalog launched at NAB 2024 as a free library of 150+ HTML5 templates. Users now start from a ready template instead of building from scratch.