Garrett Siegel

Creative Developer

About Me

Webby Award-winning Creative Developer specializing in interactive sports journalism and data visualization. Currently at ESPN's Visual Storytelling team, where I build experiences reaching millions of viewers—and available for select freelance projects.

I transform complex data into compelling visual stories through real-time visualization, interactive journalism, and performance-first development. I bridge engineering and design, shipping production code that's both performant and scalable.

Past clients include K&N Engineering, Kroger, Microsoft, and RTIC. Built open-source tools including React Lazy Image (2KB bundle) and Text2CSS Figma plugin that solve real workflow problems.

Web Development Projects:

Featured projects showcasing interactive storytelling, data visualization, and production-scale development.

NFL playoff picture 2025
NFL playoff picture 2025
HugoSassD3.jsData Visualization

The 4th annual iteration of ESPN's NFL Playoff Picture—a mission-critical feature during the NFL's highest-traffic weeks. Built to handle 8M+ views with zero downtime using optimized data visualization and real-time updates.

The Magic and Mastery of Carlos Alcaraz
The Magic and Mastery of Carlos Alcaraz
ReactTailwindCSS

A Webby Award-winning interactive feature that showcases the tennis mastery of Carlos Alcaraz through innovative mobile-first design. Featured immersive storytelling, performance analytics, and interactive elements optimized for mobile viewing.

React Lazy Image
React Lazy Image
Image OptimizationBlurhashLazy LoadingIntersection Observer

High-performance image loading component for React applications. Implements progressive loading with blurhash placeholders, reducing initial page weight by 80%. TypeScript-native with full accessibility support.

Text2CSS Figma Plugin
Text2CSS Figma Plugin
Figma APITypeScriptCSSPlugin Development

A productivity tool for designers and developers that bridges the gap between design and code. This Figma plugin automatically converts text styles from Figma designs into clean, production-ready CSS code, streamlining the design-to-development workflow.

'They were all young': NFL brotherhood and football's physical toll
'They were all young': NFL brotherhood and football's physical toll
ReactTypeScriptTailwindCSSInteractive DesignFramer Motion

Nearly 40 years after their time in the NFL, the players from the 1988 New Orleans Saints grapple with the physical toll of football while honoring a bond forged through the toughest game.

Cursed Fans - Sports Misery Index
Cursed Fans - Sports Misery Index
ReactTypeScriptTailwindCSSValibotLottie

Interactive tool quantifying sports fandom misery across NFL, NBA, MLB, and NHL. Built with React and TypeScript, featuring algorithmic scoring for 120+ teams and Lottie animations. Reached 1M+ views and topped ESPN's homepage.

JobHackr
JobHackr
AIWeb ScrapingSaaSClerkStripeDatabase Management

A job search SaaS that scrapes multiple job boards and Fortune 500 company listings to provide comprehensive listings and matches the user to relevant opportunities using AI.

F1 design history: 75 years of car racing tech
F1 design history: 75 years of car racing tech
ReactTypeScriptTailwindCSSInteractive DesignFramer Motion

Interactive timeline showcasing 75 years of Formula 1 evolution from 1950 to present. Features React-based animations, detailed car specifications, and the engineering stories behind revolutionary design changes that shaped modern racing.

K&N Engineering
K&N Engineering
ReactNext.jsHeadless CMSE-commerceMagento

Redesigned K&N Engineering's eCommerce experience using React and Next.js with headless CMS architecture. Built seasonal sale feature that increased promotional period revenue by 23%.

30 for 30 Podcasts
30 for 30 Podcasts
WordPressContent Management

Built content management workflows for ESPN's 30 for 30 podcasts platform using custom WordPress development. Created documentation that reduced episode upload time by 60% for editorial team.

Super Bowl Rings
Super Bowl Rings
HTML5CSS3JavaScriptResponsive Design

Visual showcase of all 58 Super Bowl championship rings with high-resolution photography and interactive design. Built with vanilla JavaScript for maximum performance, featuring responsive image galleries and historical context for each championship.

Strong Women, Warrior Women
Strong Women, Warrior Women
ReactTypeScriptTailwindCSSGSAP

A Webby Award nominated story of Las Amazonas de Yaxunah, an all-ages softball team that is breaking free from generational expectations on women in order to better their health and explore the world around them.

2024 NFL Quarterback Draft Picker
2024 NFL Quarterback Draft Picker
ReactTailwindCSSInteractive Design

Interactive draft simulation tool that allows users to explore quarterback prospects, team needs, and draft scenarios. Features player comparisons, team fit analysis, and mock draft functionality with real-time updates during draft season.

How quickly did 31 QBs earn Purdy’s $870K?
How quickly did 31 QBs earn Purdy’s $870K?
HugoSassGSAPInteractive Design

A salary calculator and performance analyzer focused on NFL quarterbacks, specifically examining value contracts like Brock Purdy's. Features contract comparisons, performance metrics, and value analysis tools for understanding quarterback economics in the modern NFL.

Shohei Ohtani True Value Calculator
Shohei Ohtani True Value Calculator
HugoSassGSAPInteractive Design

Comprehensive value calculator that analyzes Shohei Ohtani's unique two-way performance in baseball. Features advanced metrics, contract comparisons, and interactive tools to understand the true value of baseball's most unique player.

Fantasy Football Name Generator
Fantasy Football Name Generator
ReactTailwindCSSGSAPInteractive Design

Interactive name generator built with React, GSAP animations, and TailwindCSS. Features customization options and social sharing, demonstrated creative use of animations and state management for engaging user experiences.

My Wish: Past and Present Dreams Realized
My Wish: Past and Present Dreams Realized
HugoSassJavaScriptCSS GridResponsive Design

An interactive archive of ESPN's My Wish program, featuring stories of young fans whose sports dreams were fulfilled. Includes video content, photo galleries, and inspiring stories that showcase the positive impact of sports.

LISTEN - A story about what happens when the people and institutions that are supposed to protect, fail.
LISTEN - A story about what happens when the people and institutions that are supposed to protect, fail.
HugoSassJavaScriptGSAP

Immersive investigative journalism piece exploring the Lauren McCluskey tragedy and systemic failures in university safety protocols. Built with Hugo, GSAP animations, and responsive design to create a powerful, accessible narrative experience.

The Complex Task of Rebuilding Hinchliffe Stadium
The Complex Task of Rebuilding Hinchliffe Stadium
HugoSassJavaScriptGSAP

An immersive storytelling experience that explores the complex history and reconstruction of Hinchliffe Stadium in Paterson, New Jersey. Features historical archives, architectural plans, and community stories surrounding this important cultural landmark.

The Anatomy of an ESPY's Speech
The Anatomy of an ESPY's Speech
ReactTailwindCSS

A multimedia exploration of the most memorable ESPY Awards speeches, featuring video analysis, speech transcripts, and interactive elements that break down what makes these moments so powerful and memorable.

How Clubs Got Their Colours
How Clubs Got Their Colours
ReactTypeScriptTailwindCSSInteractive Design

A journey through soccer history exploring the origins of club colors and jersey designs. Features interactive timelines, and the stories behind the world's most iconic football kits.

Signature Shoes of the NBA and WNBA
Signature Shoes of the NBA and WNBA
ReactTailwindCSS

Interactive catalog of signature basketball shoes from NBA and WNBA players. Features detailed product information, design evolution, and the stories behind each player's signature footwear line.

WNBA 2024: Year of the Rookie
WNBA 2024: Year of the Rookie
ReactTailwindCSSInteractive Design

Comprehensive analysis of the 2024 WNBA rookie class, featuring player statistics, impact metrics, and interactive comparisons. Showcases how this exceptional rookie class is transforming women's professional basketball.

Head to Head: Hiring in the NFL
Head to Head: Hiring in the NFL
HugoSassJavaScriptGSAP

An in-depth examination of NFL hiring practices in the Rooney Rule era, featuring blind resume comparisons, hiring trend analysis, and interactive tools to explore diversity in NFL coaching positions.

The Biogenesis Files
The Biogenesis Files
HugoSassJavaScriptGSAP

An investigative journalism platform that explores the Biogenesis scandal and its impact on professional baseball. Features document archives, timeline visualization, and in-depth reporting on this significant sports controversy.

A Beginner's Guide to F1 Terms and Tech
A Beginner's Guide to F1 Terms and Tech
HugoSassJavaScriptGSAP

A beginner's guide to Formula 1 that breaks down complex racing terminology and technology into digestible, interactive content. Features glossary tools, technical diagrams, and educational content for new F1 fans.

Technologies & Tools

Development

Languages
JavaScriptTypeScriptHTML
Styling
CSS3Tailwind CSSSASSPostCSS
Frameworks
ReactPreactNext.jsViteAstroSvelteHugoGulpWordPress
Libraries
Three.jsFramer MotionGSAPD3.js

Creative

Design Tools
FigmaAdobe PhotoshopAdobe IllustratorAdobe InDesign
Motion & Video
Adobe After Effects
3D & Modeling
Autodesk MayaBlender

Available for Freelance Projects

Booking 4-6 weeks out

For Agencies & Publishers

  • •Interactive data visualizations & editorial experiences
  • •React/TypeScript applications (ESPN-grade performance)
  • •Technical SEO & Core Web Vitals optimization

For Startups & Product Teams

  • •MVP to production (0→1 in 4-8 weeks)
  • •Design system implementation & component libraries
  • •Frontend architecture & technical debt reduction
Timeline: 2-6 weeks typical•Availability: 10-15 hours/week•Response time: 24 hours

References available • Remote-first • US timezones

Let's work together