Highlights from tonight's ranked climb
Things I Did
Brand Creation
Product UI/UX
Product Front-End Code (React)
Website Design & Development
Investor & Sales Decks
Clothing & Event Design
Company
TL;DR
Role
Co-Founder
Creative Director
Year
2024 → Present
Live website
Visit websiteTL;DR is a software platform that empowers livestreamers with growth tools like AI-generated live highlight clips, video editing, and distribution across socials.
I joined at formation and built everything users see: the brand and website from zero, the product UX, and large parts of shipped React front-end. Most feature and product direction decisions were mine.
Extension Store
35,000+
Twitch Extension Installs
The Brand System
TL;DR originally began as an extension inside of Twitch’s ecosystem, so the brand had to feel native to it. I built the identity on codes streamers already trust: Purples similar to Twitch’s spectrum and a pixel logotype that gives TL;DR its own mark inside that familiar world.
The platform does a bunch of things. The website had to promise just one: growth. I designed the site so every feature is framed as a piece of the puzzle of growing as a livestreamer.
10,000+
Signups to our platform
The Website Challenge
I designed and built the entire website end-to-end: structure, copy hierarchy, and development on Webflow. Streamers don’t shop for features, they shop for outcomes - so every section leads with what a streamer gets and demotes “how it works” to a supporting layer.
Product design at TL;DR wasn’t just hand-off work. I made most feature and UX direction calls, deciding not just how things looked but what features got built and why.
Product Design
I designed the platform around the idea that streamers use TL;DR around their streams - before going live, between sessions, and in the minutes after ending. The UI was built for that rhythm: fast to scan and dark-native alongside OBS and Twitch. I placed key components in specific places for quick and easy usage of the platform.
Subtle micro-interactions
Every handoff lost something - spacing, states, motion. So I cut the handoff: Now I build my designs in React myself, working with Claude Code and MCP tooling to ship accurate, functional front-end at speed. Product development sped up by multiples.
Before
Figma files
Every feature started as a full Figma flow — screens, states, and edge cases specced before any code.
After
React prototype dashboard
The same flows rebuilt as a working React dashboard — spacing, states, and motion carried over intact.
Feature Builds
Building front-end myself changed what I could take on. Instead of designing features for someone else to build, I started ideating full features and building them myself. Both featured in-depth below.
My TL;DR
I designed and built out a fully functional prototyped version of My TL;DR, an upgraded link-in-bio product specifically targeted towards live streamers, while keeping everything inline with the TL;DR brand.
Some highlighted features include:
Modular bento-style layout engine that adapts based off what the user sets up
Detection if the user is live on Twitch or Kick to drive traffic to their stream
Opt-in for user to send out email and text blasts when they go live
Stream highlight clips from TL;DR
User’s livestreaming schedule
Links to their affiliate products
Streamhub
I also designed and built out Streamhub for our B2B users, giving a master account the ability to watch all the sub accounts streams simultaneously on a customizable canvas
Some highlighted features include:
Drag and drop canvas to position and resize sub account livestreams
Manual clipping button per sub account livestream
Ability to toggle on & off subaccounts in the canvas view
I created TL;DR's brand system to work even outside the product - in B2B and pitch decks, on convention floors, and even on clothing. Here's some other places I pushed TL;DR's design system to:
Twitchcon San Diego 2025
B2B and Pitch Deck Design