← Back Home

Product Design Lead at Hudl logo

July 2016 – January 2018

Product Design Lead at Hudl

https://hudl.com ↗

I joined Hudl in 2013 when they were a team of 70 people. They've since grown to over 2000 employees worldwide. I quickly grew from a designer to a Product Design Team Lead, which meant I served as a feature designer on a cross-functional feature-specific team while also managing 2-3 designers.

When I was at Hudl, product designers were generalists who took part in all phases of the design process, from research to execution. We would also work in teams. So, depending on the project, I may have served as a researcher, a visual designer, a front-end developer, or all three.

Below you'll find a sampling of my work in my three total years at Hudl across two stints.

The Video Library

A team of four designers worked together to design one of the core screens of Hudl: the Video Library. I contributed to the UI design (primarily of the detail panel) and also did much of the front-end development to bring the page to life.

Hudl Library Screenshot

Hudl Library // Role: Product Designer, Front-end Developer

Clipping Video Prototype

Video game developers use a technique called gray-box prototyping to determine if a game is actually fun to play before putting effort into the graphics, AI, and all the other hard stuff. This idea is useful in product design as well, especially when the interaction itself is the most important bit.

In Hudl, there's a concept of creating a clip from a longer video but we didn't feel like the interaction was quite right. It felt too cumbersome for the "simple" action of creating a clip. I quickly built an HTML/CSS/JS prototype just to combine a few mouse and keyboard actions to dramatically speed up the process. The team ended up taking this prototype and using it to drive a clipping workflow redesign.

A gray-box prototype to test some key interactions

Toast Prototype

All designers at Hudl used Uniform, our shared design system. My team was working on a feature that needed a toast notification, but Uniform hadn't provided toasts yet. I jumped in and prototyped a solution through an HTML/CSS/JS prototype playground, and Uniform eventually merged in my contributions.

Highlight Editor

For most of my time at Hudl, I was a designer on the team that worked on highlight video editing tools for athletes. I also led the team that integrated highlight "themes" powered by and sponsored by Gatorade. We delicately balanced making intrinsically cool themes that didn't feel sponsored while also giving Gatorade the brand presence they wanted.

Hudl Highlight Editor Screenshot

Hudl Highlight Editor // Role: Product Designer, Front-end Developer

Other Work

In my first stint at Hudl (2013-2014), I also worked as the product designer on some high-visibility mobile or HTML5 redesign projects including