Michael Hanson Product Designer

For ten years at Hudl, I led teams crafting experiences for coaches, athletes, and teams across multiple sports and platforms.

Let's connect: grab a time or email me.

A top-down visualization of a volleyball court, showing red, blue, and gray lines. A mouse cursor is hovering over an icon, showing that blue lines are 'Kills', red lines are 'Errors', and gray lines are 'Zero Attacks'. Deflections are also visualized with dashed lines.
Volleyball Attack Tendencies →
2018–2019
User research Problem definition Rapid prototyping Statistical testing Visualization design Ergonomic analysis Usability testing
A screenshot of a tool allowing users to create custom clips of sports game. On the right side is a search input to search for playlists. Below that is a section indicating that a player doesn't have many hightlights and it encourages the user to add this clip to her highlights. Below that are several differen playlists which can be selected, then a button that says 'Done'.
Clipping and Curation →
2024
User research Problem definition Product direction Interface design Usability testing
A shot chart for basketball shooting. It shows a basketball half-court, covered by various small hexagons of various sizes, in various colors such as red, blue, and tan in various shades.
Advanced Basketball Shot Chart →
2023
User research Domain research Rapid prototyping Visual design System design Semantic analysis Usability testing
An interface showing a expanding menu with different options for getting insight from an AI or large language model tool.
Large Language Model Integration →
2024 • Concept
Research Interface design
A card with the abbreviation 'VPS' to the left of an equal sign. To the right of the equal sign is a formula: Points + REB + 2 * (AST + CHG + STL + BLK) divided by FT Misses + 2 * (Misses + FOUL + TO).
Advanced Reports and Statistics →
2014–2016
User research Problem definition Rapid prototyping Visualization design System design Programming Usability testing
A screenshot of part of an interface showing two different user comments. One comment has a single reply. Each comment has an input field for a reply. At the botton of the interface is an area with an input for a new comment. It has text entered into it that says, \'Why are you trying to do a crossover when we're down by 7?'. Above that is an area that shows who the comment will be shared with, with several images of different individuals.
Comments and Conversations
2024
User research Problem definition Product direction Interface design Usability testing
An iPhone displaying an video interface. There are sections at the top indicating different clips and how far into the clip the user currently is. There is an avatar of a coach and below that a textual comment that says 'Need stronger passing!!'. At the bottom of the screen is a small bar with five emojis. The video shows a basketball game where a player is attempting to make a lay-up.
New Athlete Video Experience
2024 • Concept
Rapid prototyping Interface design Animation design Programming
Hudl's four design values: We Know Our Users, We Collaborate, We Prototype and Test, and We Light the Path. Each is accompanied by an icon.
Hudl's Design Team Values
2023
User research Copywriting Prototyping Usability testing Advocacy
A part of Hudl's new interface for basketball teams, showing filters for different situations: a 'score difference' filter, a 'phase' filter, a 'location' filter, a 'shot distance' filter, and a two-pointer vs. three-pointer filter.
The New Hudl for Basketball
2021–2024
User research Product direction Interface design System design Visualization design Usability testing
A user interface card on a background with a gradient. The card shows a spider graph with two different categories, one labeled 'Your Skills' and the other labeled 'Their needs'. The card is titled 'Olympiacos' with a subtitle that says 'Skill Matchup Assessment'. There is a call-to-action button at the bottom that says 'View Practice Recommendations'.
Five-Year Strategy Illustrations
2020
Art direction Visual design

I have also created several personal projects. Here are a selection of those.

A web interface showing several cards, each card has a title, an emoji, and an amount due.
A Dashboard for Beeminder →
2023
Visual design Programming
A phone showing an app interface. There are cards with a timestamp and a relative time since the card appeared. The cards have various numbers of tags, each tag containing some letters and an emoji. Some are different colors.
TagTime iOS App
2023
Visual design Interaction design Programming
Two cards, a back side and a front side.
Race for the Galaxy Card Game Redesign
2021 • Concept
Art direction Visual design
Four quadrants, each showing a different variation of the brand name ('Beyou') or a tagline ('Don't be someone else'), or both.
Beyou Branding Exploration
2021 • Concept
Art direction Visual design
A screenshot of a website for a company called ROOTS. There are pictures of indoor environments, navigation at the top right, and a large heading that says, 'Where keen aesthetic taste meets unqualified luxury.'.
Roots Branding Exploration
2021 • Concept
Art direction Visual design
🖐️ Handcrafted using Figma, SvelteKit, and Tailwind. Deployed to .